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2015 年 4 月 ， 我 在 一 个 国内 交付 项 目 上 ， 比 较 " 全 程 " 的 跟踪 了 一 个 项 目 从 启动 到 进入 开发 阶段 
的 整个 过 程 。 我 们 根据 售 前 阶段 的 输出 对 项 目 有 了 大 致 的 了 解 ， 然 后 从 北京 飞 到 深圳 ， 和 客 
户 一 起 进行 了 为 期 一 周 的 需求 梳理 和 项 目 计 划 ， 与 此 同时 ， 用 户 体验 设计 师 负 责 梳 理 信息 架 
构 ， 原 型 设计 ， 最 后 形成 视觉 设计 稿 ( 唐 婉 莹 负责 视觉 设计 ) 。 


与 以 往 的 经 验 不 同 的 是 ， 整 个 过 程 我 们 和 客户 (需求 的 提出 方 ) 一 起 合作 ， 指 定 计划 ， 并 快 
速 归 纳 、 指 定 出 一 个 可 执行 的 方案 。 在 需求 梳理 阶段 结束 的 时 候 ， 我 们 形成 了 一 个 项 目 计 
划 ， 重 要 的 是 ， 我 们 知道 了 这 个 项 目 最 终 会 服务 于 谁 ， 谁 会 从 中 受益 ， 项 目 进行 过 程 中 有 哪 
些 风险 ， 有 哪些 资源 限制 ， 为 什么 要 做 这 样 的 决策 而 不 是 相反 等 等 。 


不 得 不 说 ， 这 个 过 程 在 一 定 程度 上 凑 覆 了 我 对 软件 开发 的 认识 。 如 果 说 软件 的 生命 周期 是 一 
本 书 (分 为 上 中 下 三 册 ) 的 话 ， 平 时 我 所 理解 的 开发 则 跳 过 了 书 的 前 几 章 ， 以 及 “中 下 ”两 册 。 
我 们 涉及 的 一 些 工程 实践 ， 开 发 方法 论 ， 都 是 围绕 着 中 间 少 的 可 怜 的 一 小 部 分 。 我 们 根据 看 
到 的 内 容 ， 会 对 缺失 掉 的 前 几 章 进行 浅薄 的 猜测 ， 而 对 于 更 多 的 看 不 见 的 后 半 部 ， 则 充满 了 
更 多 的 未 知 。 


软件 开发 


毫 无 疑问 ， 软 件 开发 是 一 系列 庞杂 ， 复 杂 的 活动 的 集合 。 人 们 现实 世界 中 的 发 现 问题 ， 并 党 
试 通过 软件 的 方式 来 解决 这 些 问题 。 


一 个 广 为 流 传 的 段子 是 : “我 有 一 个 绝妙 的 创意 和 一 个 靠 谱 的 团队 ， 就 差 一 个 写 代 码 的 了 ”。 抱 
有 这 种 想法 ， 想 要 在 互联 网 时 代 获 得 商业 成 功 的 ， 也 只 能 祝 他 成 功 了 。 


产品 当然 不 可 能 简单 到 只 要 创意 和 开发 就 可 以 完成 ， 甚 至 创意 本 身 ， 在 产生 之 初 ， 也 只 是 一 
个 粗略 而 缺乏 考虑 众多 细节 的 “种 子 *"， 它 需要 在 专业 的 设计 师 的 引导 下 ， 完 成 一 系列 的 发 散 ， 
收敛 ， 探 索 ， 验 证 而 形成 一 个 可 行 的 方案 (未必 最 优 ， 但 是 需要 切实 可 行 ) 。 最 后 软件 开发 
人 员 再 来 开发 原型 ， 再 投放 给 丨 实用 户 做 测试 ， 然 后 回 过 头 来 再 影响 设计 决策 ， 周 而 复 始 。 


一 个 项 目 ， 从 开始 有 粗略 的 想法 ， 到 可 以 开始 编码 交付 ， 需 要 经 过 十 分 艰辛 的 过 程 。 对 于 开 
发 者 来 说 ， 这 个 过 程 事 实 上 是 很 难看 到 的 : 需求 来 自 于 一 个 神奇 而 牛 逼 的 团队 (当然 ， 有 时 
候 当 需求 比较 费解 的 时 候 ， 开 发 会 在 心里 名 人 ) 。 而 对 于 参加 项 目 初期 的 需求 梳理 ， 引 导 过 
程 的 设计 师 团队 来 说 ， 设 计 结束 之 后 ， 他 们 有 需要 转战 下 一 个 项 目 ， 项 目 如 何 落地 的 细节 则 
未 必 清 楚 : 反正 有 一 个 神奇 而 牛 逼 的 团队 来 负责 就 是 了 。 


在 我 们 看 来 ， 一 个 产品 既是 选 代 产 生 ， 逐 步 成 熟 的 ， 也 是 有 章 可 循 ， 有 很 多 工具 和 方法 来 支 
撑 的 。 如 果 只 是 粗略 的 划分 一 下 ， 可 以 分 为 两 个 方面 : 


o 如 何 将 产品 原始 的 想法 具体 化 


前 言 


e 如 何 快速 、 忠 实地 实现 具体 这 些 需求 


通过 设计 MVP 来 验证 一 个 jidea 的 可 行 性 、 通 过 不 断 地 测试 、 从 测试 结果 中 学 习 的 方式 的 已 经 
为 很 多 企业 ， 团 队 ， 创 业 公 司 采 用 。 但 是 在 具体 操作 上 ， 如 何 将 一 个 idea 恰 如 其 分 的 变 成 可 供 
交付 的 MVP， 如 何 调 整 方 向 /策略 进行 下 一 个 迭代 ， 如 何 将 软件 开发 中 的 工程 实践 应 用 在 整个 
过 城中 ， 目 前 还 没有 普遍 适用 的 “规则 ”。 


使 idea 具 体 化 


斯 坦 福 大 学 的 D.School 的 设计 思维 (Design Thinking) 在 产品 设计 甚至 在 软件 开发 上 都 产生 
深远 的 影响 。 设 计 思 维 脱 胎 于 传统 的 设计 方法 ， 不 过 更 加 强调 设身处地 地 为 最 终 用 户 考 


o 
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除了 传统 的 设计 方法 : 


e 发 现 问题 

© 发 散 收 化 (头脑 风暴 尝试 众多 方案 ， 根 据 现 有 资源 收敛 出 方案 ) 
e 原型 

e 测试 验证 


设计 思维 加 入 了 移 情 (Empathize) 


。 移 情 
e 定义 
e RISK 
e 原型 


e 测试 验证 


看 起 来 只 是 多 了 一 个 步骤 ， 但 是 正 是 这 一 点 体现 了 以 用 户 为 中 心 的 思维 方式 。 


实现 idea 


具体 到 实现 一 个 想法 (或 者 说 一 个 原型 ) 时 ， 你 会 遇 到 各 种 各 样 的 选择 。 选 择 什 么 样 的 技术 
栈 ， 服 务 器 部 署 在 何 处 ， 数 据 如何 存 储 ， 产 品 的 安全 性 如 何 考虑 ， 对 性 能 的 要 求 是 什么 样 的 


Aye Pele 


等 等 。 


不 幸 的 是 ， 做 出 这 些 决 策 仅 仅 是 万 里 长 征 第 一 步 。 你 还 会 遇 到 很 多 其 他 问题 : 软件 质量 如 何 
Oe cu LI 


A Pele 


题 等 等 。 


相信 我 ， 鼓 吹 * 只 差 一 个 程序 员 " 的 创意 是 落 不 了 地 的 。 围 绕 着 这 个 可 能 会 改变 世界 的 创意 ， 你 
需要 一 系列 的 实践 ， 技 能 ， 工 具 和 方法 。 


e 基础 设施 

e 自动 化 测试 

e 自动 化 配置 

e 可 视 化 的 开发 流程 
e 知识 分 享 


e 高 效 的 开发 流程 


这 些 看 似 相关 度 不 是 很 高 的 条 目 ， 会 帮助 你 在 落实 一 个 创意 时 发 挥 作用 ， 并 让 你 的 创意 变 为 
实际 的 产品 。 

传统 上 ， 人 们 认为 软件 开发 可 以 割裂 成 不 同 的 阶段 ， 就 像 建 筑 工程 一 样 。 设 计 ， 开 发 ， 测 
试 ， 上 线 ， 运 维 。 eae 软件 开发 中 的 变化 比 建筑 工程 要 频繁 得 多 ， 而 且 变化 的 程 
度 也 更 具 颠 履 性 。 这 需要 通过 更 小 的 迭代 节奏 ， 和 更 紧密 的 合作 才 有 望 改善 。 


正如 《About Face: The Essentials of Interaction Design》 一 书 中 这 张 图 所 表达 的 那样 ， 设 计 
师 ， 开 发 ， 测 试 工程 是， 运 维 工程 师 需 要 一 起 协作 ， 小 步 前 进 。 在 验证 过 程 中 不 断 学 习 ， 以 
期 最 终 完成 产品 的 定义 和 实现 : 


前 言 


Software development has evolved 








Build/Test Ship 
Initiate Build/Test Ship 


Initiate 





Initiate 
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用 户 研究 之 前 应 该 知道 的 事 


追根 溯源 
如 果 我 们 要 说 用 户 研究 ， 就 先 得 追根 溯源 ， 谈 谈 它 的 上 游 以 及 整个 软件 时 代 的 大 背景 。 


80 后 90 后 70 后 的 和 爸 妈 们 年 轻 时 大 多 数 是 农民 和 工人 ， 而 到 了 我 们 这 一 代 ， 所 见 的 职业 很 多 是 
白领 蓝领 ， 这 正好 说 明了 一 个 历史 状况 : 从 70 年 代 开 始 ， 我 们 正 从 大 机 器 生产 的 工业 时 代 进 
入 到 以 信息 和 知识 为 主 的 后 工业 时 代 ， 人 们 的 职业 从 以 前 的 手工 业者 转向 政府 部 门 、 教 育 机 
构 等 白领 职业 ， 软 件 就 在 这 样 的 时 代 背 景 下 诞生 的 ， 它 是 科学 进步 的 产物 。 


软件 既然 是 科学 技术 的 产物 ， 必 然 不 会 是 门槛 很 低 的 东西 ， 一 开始 它 是 给 科学 家 、 军 工 部 门 
和 政府 部 门 用 的 ， 用 户 是 有 技术 背景 的 专业 人 士 ， 目 的 是 为 了 提高 工作 效率 和 进行 严格 的 控 
制 和 管理 。 随 着 时 间 的 发 展 ， 一 些 大 的 企业 也 需要 用 软件 来 提高 生产 和 管理 效率 ， 软 件 此 时 
从 一 个 专业 化 的 工具 变 成 了 代替 人 来 工作 的 工具 ， 随 后 又 变 成 了 能 够 给 企业 提供 业务 数据 参 
考 以 帮助 其 发 展 的 工具 。 与 之 对 应 的 用 户 也 从 以 前 的 技术 人 士 变 成 了 普通 的 工作 人 员 。 


技术 人 员 使 用 的 软件 如 果 给 到 普通 人 去 有 用， 肯定 会 非常 困难 。 这 时 候 交 互 设 计 就 出 现 了 ， 
使 得 软件 对 于 普通 人 来 说 ， 就 像 是 一 个 神奇 的 魔术 盒子 ， 只 要 你 按 下 按钮 ， 就 可 以 得 到 你 夫 
要 的 东西 。 


它 
a 
A 


即使 这 个 东西 背后 需要 花 一 万 个 步骤， 你 也 不 必 知 道 ， 完 全 以 结果 和 目标 为 导向 。 所 以 交互 
设计 是 以 目标 为 导向 的 行为 设计 ， 首 要 的 步 又 是 要 了 解 用 户 使 用 产品 的 目标 ， 接 下 来 需要 在 
人 们 的 行为 习惯 和 软件 的 操作 流程 之 间 搭 一 座 桥 ， 使 得 用 户 可 以 顺畅 低 达 到 他 们 的 目标 。 


在 软件 发 展 的 初期 ， 人 和 软件 的 关系 是 以 软件 为 主 的 ， 因 为 软件 开发 的 难度 和 时 间 成 本 很 
高 ， 没 有 办 法 根据 领域 的 不 同 来 设计 不 同 的 软件 ， 一 个 企业 内 部 管理 软件 ， 它 再 难 用 也 得 用 
下 去 ， 没 得 选 。 公 司 对 于 效率 和 员工 的 心情 上 ， 必 然 会 趋向 前 者 。 到 了 后 来 ， 技 术 的 不 断 发 
展 使 得 软件 开发 难度 降低 ， 速 度 加 快 了 十 几 倍 ， 使 得 企业 对 于 软件 有 了 很 多 的 选择 ， 并 且 软 
件 扮演 的 角色 从 幕后 走向 了 台 前 ， 客 户 第 一 接触 的 不 是 人 ， 而 是 软件 ， 所 以 软件 的 易 用 性 成 
为 一 种 竞争 优势 ， 同 时 内 部 软件 的 易 用 性 也 更 近 一 步 提高 了 员工 的 工作 效率 。 所 以 此 时 软件 
和 人 的 关系 变 成 了 以 人 为 核心 ， 易 用 性 变 成 了 企业 开发 软件 口头 禅 。 了 既然 服务 对 象 是 人 ， 当 
然 用 户 研究 、 视 觉 设 计 也 随 之 出 现 了 。 


用 户 研究 不 是 救命 稻草 ， 了 解 它 的 作用 上 比 使 用 它 更 重要 


用 户 研 究 并 不 是 一 个 好 名 字 ， 它 让 人 觉得 它 的 研究 对 象 就 是 用 户 ， 即 "使 用 产品 的 人 ”。 但 其 实 
它 包 含 的 研究 非常 多 样 化 ， 包 括 利益 相关 者 、 顾 客 、 用 户 、 专 家 、 竞 品 调研 和 市 场 、 策 略 、 
务 领域 调研 ， 并 且 这 几 种 调研 背后 对 应 的 目的 是 不 一 样 的 。 比 如 ， 利 益 相 关 者 和 顾客 的 调 


研 ， 常 常 是 为 了 更 好 地 寻找 商业 模式 、 节 省 资源 ; 用 户 的 调研 常常 是 为 了 培养 用 户 同 理 心 、 
提供 设计 参考 ; 做 市 场 、 策 略 调研 是 为 了 确定 产品 的 范围 和 用 户 的 水 平 、 技 术 的 实现 的 程度 
等 。 

但 并 不 是 调查 得 越 多 越 全 越 好 ， pui rene a Md 
AR o 调研 所 提供 的 价值 范围 限于 以 下 几 点 


e 作为 一 个 理解 的 工具 ， 帮 助 设计 师 培 养 同 理 心 

e 作为 管理 工具 ， 统 一 团队 的 意见 ， 为 设计 提供 参考 依据 
e 帮助 设计 师 了 解 产 品 相 关 的 业务 和 市 场 的 上 下 文 

e 能 给 不 同 的 人 提供 不 同 的 商业 灵感 


所 以 这 就 回答 了 一 个 问题 : 为 什么 大 的 互联 网 公司 有 用 户 研究 ， 但 是 却 不 一 定 能 做 好 产品 ， 

小 的 创业 公司 没有 用 户 研 究 ， 但 也 能 做 出 优秀 的 产品 。 因 为 用 户 研 究 是 一 种 工具 ， 有 它 不 能 

救 活 一 个 产品 ， 没 它 不 会 生产 不 出 产品 。 比 如 一 个 创业 公司 所 做 的 产品 是 针对 90 后 ， 而 团队 
本 身 也 是 90 后 ， 他 们 就 不 需要 培 做 用 研 来 养 同 理 心 ; 团队 人 少 ， 意 见 容 易 达 到 统一 ， 就 不 需 
要 用 户 研究 来 当 管 理工 具 ; ceo 本 身 对 市 场 和 物业 非常 熟悉 ， 就 不 需要 了 解 更 多 业务 ， 而 应 该 
把 重心 放 在 传达 业务 知识 给 团队 成 员 上 。 


使 用 户 调研 失效 的 魔法 


正确 的 认识 加 上 正确 的 使 用 方法 才能 让 一 个 工具 扶 的 发 挥 作用 ， 用 研 作为 一 种 工具 ， 有 它 明 
显 的 “使 用 规范 ” 


从 它 的 功效 来 看 ， 第 一 ，" 作 为 一 个 理解 的 工具 ， 帮 助 设 计 师 培养 同 理 心 *， 也 就 是 说 ， 设 计 师 
需要 做 一 个 90 后 使 用 的 产品 ， 最 极端 情况 是 把 自己 的 思维 行为 变 成 90 后 ， 这 样 才能 准确 无 误 
把 握 他 们 的 需求 。 这 就 明确 地 规定 了 玩法 : 设计 师 不 可 能 让 用 户 研究 人 员 去 传达 研究 结果 ， 
因为 这 样 的 传达 是 没有 办 法 培养 同 理 心 的 ， 设 计 师 还 是 会 按照 自己 的 想法 设计 一 个 产品 。 


第 二 ，“ 能 给 不 同 的 人 不 同 的 商业 灵感 "， 意思 是 说 在 调研 的 过 程 也 是 一 个 极 好 的 激发 灵感 的 过 
明 ， 创 意 不 应 该 是 一 个 流程 中 的 一 环 ， 应 该 贯穿 到 整个 流程 中 去 。 如 果 是 由 用 研 人 员 传 递 研 
完 的 信息 ， 我 们 就 缺失 了 一 个 大 好 的 产生 灵感 的 途径 。 并 且 ， 用 研 人 员 不 是 设计 师 ， 他 不 知 
道 设计 师 需 要 哪些 原材料 ， 很 可 能 会 遗漏 ， 或 者 完全 没有 抓 住 研究 方向 。 而 方向 很 可 能 不 是 
一 开始 所 计划 的 ， 而 是 随 着 调研 的 深入 不 断 具 象 化 出 来 的 。 


解决 这 两 个 问题 的 方法 很 简单 : 要 么 是 让 设计 师 自 己 去 做 调研 ， 要 么 组 建 一 支 跨 学 科 团队 ， 
让 设计 师 和 用 户 研 究 人 员 一 起 调研 。 
大 的 互联 网 公司 的 问题 就 在 于 ， 他 们 虽然 有 用 户 研究 ， 但 是 由 专人 去 做 ， 没 办 法 培养 同 理 


Ss 至 上 而 下 的 团队 结构 没 办 法 成 为 统一 的 管理 工具 ; 设计 师 能 了 解 到 的 上 下 文 非常 有 限 ， 
也 不 会 作为 工作 内 容 之 一 。 设 计 师 通常 不 参与 商业 策略 研究 ， 不 用 研究 市 场 。 


用 户 研究 的 内 容 


用 户 研究 的 内 容 ， 可 以 分 为 三 层 : 


第 一 层 是 总 体 的 研究 ， 比 如 中 国人 消费 习惯 ， 上 班 族 使 用 移动 设备 的 时 长 等 ， 这 些 研究 我 们 
不 用 去 做 ， TUE ESET ETA ， 它 需要 非常 专业 的 统计 学 知识 ， 所 以 这 类 的 研 
究 可 以 通过 专业 渠道 买 资料 或 者 是 寻找 公共 资源 来 阅读 即 可 。 


第 二 层 是 目标 性 的 研究 ， 我 们 需要 搞 清楚 ， 在 这 个 行为 之 后 ， 人 们 的 诉求 是 什么 。 人 们 的 行 

为 时 常 ae ees le Re A Ee 我 们 对 于 

cm 需求 从 未 改变 ， 只 不 过 一 直 在 用 不 同 的 方式 在 满足 : KÉR BIE ^ lS 
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化 、 心 理 、 状 态 、 时 间 的 不 同 而 发 生变 化 。 


用 户 调研 对 设计 师 的 价值 


a ， 用 户 调 研 对 于 设计 师 来 说 只 是 一 个 工具 ， 设 计 师 的 价值 大 部 分 不 会 体现 在 这 里 。 例 
|^ 明星 产品 一 定 不 是 "设计 师 ” 设 计 出 来 的 。 这 里 的 设计 师 指 的 是 现在 在 市 面 上 的 视觉 设计 
师 、 交 互 设计 师 、 用 户 体 验 设计 师 。 


我 所 理解 的 好 产品 一 定 会 拥有 超 强 的 基因 ， 在 短 时 间 内 ， 被 广泛 接受 并 且 自 传播 。 这 种 产品 
一 定 不 是 设计 出 来 的 ， 而 是 长 期 孕育 出 来 的 ， 由 长 期 在 这 个 行业 的 佼佼 者 所 创造 ， 融 合 了 他 
们 过 去 的 经 验 和 未 来 的 展望 。uber 的 CEO 卡 拉 尼 克 ， 经 历 了 8 年 的 创业 失败 ， 才 创造 出 了 一 款 
让 全 世界 为 之 一 惊 的 移动 约 车 产品 ， 他 成 功 是 因为 创始 人 了 解 所 有 的 商业 模式 ， 有 资源 能 
力 、 有 坚定 的 意志 力 ， 当 下 的 市 场 也 刚好 成 熟 ， 所 有 条 件 都 指向 一 个 可 以 成 功 的 方向 ， 这 个 
事情 才 有 可 能 做 成 。 


所 以 ， 每 个 行业 的 佼佼 者 才 是 最 好 的 设计 师 ， 世 界 上 的 好 产品 都 是 由 他 们 创造 的 ， 而 只 会 做 
用 户 调研 、 画 界面 原型 的 设计 师 ， 从 来 不 是 产品 的 主人 ， 而 是 产品 的 服务 者 。 


我 记得 有 一 次 给 d'a Edu M n > 提供 产品 策略 以 及 |T 实 施 咨 
询 ， 当 我 们 激情 慷慨 说 完 方案 以 后 ， 其 中 一 个 客户 说 : “你们 说 的 这 些 我 都 知道 ， 产 品 我 自己 
也 有 了 ， 我 不 知道 为 什么 还 要 照 你 们 的 思路 再 做 一 个 。” 当 时 我 们 找 了 很 多 理由 ， 最 终 谁 也 没 
有 说 服 谁 ， 但 是 我 知道 也 许 他 是 对 的 。 这 位 老板 每 天 花 2-3 个 小 时 时 间 观 察 他 的 游泳 馆 ， 想 过 
无 数 办 法 解决 冬季 场地 空置 的 问题 ， 走 访 调查 过 国内 外 的 游泳 馆 ， 相 信 没 有 人 比 他 更 了 解 他 
需要 的 是 什么 ， 比 他 更 清楚 他 所 面临 的 问题 及 原因 是 什么 


而 作为 咨询 师 的 我 们 所 做 的 只 是 花 了 两 周 的 时 间 进 行 用 户 访 谈 和 调研 、 参 考 了 国内 外 的 资 
料 、 找 到 了 游泳 相关 的 基础 调研 数据 ， 居 然 就 能 拍 着 胸 且 说 我 们 懂 游 泳 行业 ， 其 实 我 们 不 
懂 ， 只 是 学 习 的 能 力 快 ， 比 一 般 人 要 懂 一 些 而 已 。 


说 这 些 并 不 是 要 表达 设计 师 没 什么 用 ， 而 是 要 说 ， 设 计 师 要 看 清 自己 的 定位 ， 要 了 解 到 用 户 
AStA B RU 我 们 没有 办 法 站 在 客户 肩膀 上 说 话 ， 我 们 只 是 助 推 器 一 般 的 角色 ， 用 我 们 的 
方法 和 经 验 ， 加 速 客户 研发 产品 的 速度 ， 保 证 最 终 产 品 与 初始 想法 的 一 致 性 。 


未 来 模式 


未 来 ， 软 件 开 发 成 本 一 定 会 逐年 降低 、 开 发 周期 一 定 会 逐年 缩短 ， 这 就 意味 着 ， 有 可 能 各 个 
行业 的 佼佼 者 也 可 以 很 轻而易举 地 创造 出 有 价值 的 产品 ， 而 不 再 依赖 设计 师 。 举 个 例子 ， 一 
个 优秀 的 高 中 老师 想 要 根据 往年 的 教学 情况 和 现在 教学 情况 的 对 比 ， 预 测 学 生 们 考 上 各 大 院 
校 的 几率 ， 但 是 学 校 和 市 面 上 都 没有 这 么 一 款 软件 ， 于 是 他 想 自己 开发 一 个 :把 往届 和 本 届 学 
生 每 次 模拟 考试 的 结果 从 学 校 数 据 库 里 面 抓 取出 来 ， 从 各 个 纬度 〈 及 格 率 、 优 和 郁 率 、 分 数 线 
趋势 等 等 ) 做 对 比 ， 就 可 能 预测 结果 。 理 科 背 景 的 他 从 网 上 找 了 几 个 免费 的 数据 软件 组 装 起 
来 ， 再 用 一 个 简单 的 合成 软件 把 它们 连接 在 一 起 ， 按 照 需要 改动 几 个 个 性 化 的 小 设置 ， 这 个 
软件 就 可 以 跑 起 来 了 。 他 试 着 把 数据 导 进 去 ， 监 的 能 够 显示 他 想 要 的 几 个 预测 结果 ， 经 过 几 
个 版 本 的 迭代 ， 这 款 软 件 已 经 90% 能 满足 需求 。 


这 个 情况 看 起 来 很 各 远 ， 但 是 在 10 年 以 后 ， 软 件 的 开发 成 本 很 低 、 市 面 上 有 很 多 可 组 装 的 软 
件 、 实 施 周 期 很 短 ， 那 些 伴随 着 电子 产品 长 大 的 孩子 也 走出 社会 ， 他 们 完全 有 能 力 做 这 样 的 
事情 的 。 到 了 那个 时 候 ， 已 经 不 可 能 存在 用 户 调 研 的 工作 、 也 没有 视 沉 设计 师 和 交互 设计 
师 ， 也 许 会 有 新 的 职业 叫做 软件 组 装 设计 师 ， 来 为 企业 组 装 更 为 精细 复杂 的 软件 。 


所 以 ， 如 果 现 在 的 设计 师 想 要 在 更 远 的 未 来 保持 高 傲 的 姿态 ， 就 必须 把 设计 师 的 身份 模糊 
掉 ， 要 是 喜欢 某 个 行业 ， 就 深度 了 解 这 个 行业 的 方 方 面 -商业 模式 、 技 术 、 用 户 ， 积 累 经 验 和 
资源 ， 做 行业 佼佼 者 ; 要 是 喜欢 跨行 业 做 咨询 ， 就 要 要 求 自 己 有 很 好 的 理解 力 ， 最 大 程度 地 
理解 他 们 的 业务 和 需求 ， 不 断 积累 案例 ， 提 供给 客户 更 宽 的 视角 和 丰富 的 案例 。 


竞 品 分 析 - 产 品 


竞 品 分 析 是 在 做 产品 的 过 程 中 频率 最 高 的 分 析 之 一 ， 它 常常 用 来 帮助 我 们 获得 灵感 、 了 解 我 
们 自身 产品 的 不 足 、 挖 气 新 的 机 会 等 。 如 果 我 们 能 用 合理 的 方式 来 分 析 竞 品 ， 将 会 为 产品 提 
供 一 荔 指 路 明灯 ; 相反 的 ， 如 果 我 们 只 是 简单 粗暴 地 对 比分 析 ， 拿 到 结果 直接 指导 设计 ， 则 
会 把 产品 带 上 歧途 。 


我 常见 的 竞 品 分 析 有 那么 几 种 : 


1. 直接 复制 粘贴 : 找到 【各 种 相似 】 的 竞 品 ， 把 它们 和 自家 产品 对 应 的 功能 摘出 来 ， 照 
di; 

2， 取 共性 复制 粘贴 : 拿 市 面 上 【标杆 性 】 竞 品 做 比较 ， 找 出 他 们 共有 的 功能 ， 认 为 别人 家 
都 有 的 自己 必须 有 ， 抄 之 。 

3， 融 合 + 创新 : 把 市 面 上 【大 部 分 】 竞 品 拿 过 来 做 比较 ， 把 它们 的 可 取 之 处 找 出 来 并 抒 在 一 
起 ， 在 此 基础 上 做 一 些 适 配 自己 产品 的 “创新 ”， 让 用 户 觉得 既 熟 悉 又 有 点 新 鲜 ， 俗 称 “ 微 
41 3t" o 
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非常 耗费 时 间 、 人 力 、 财 力 的 ， 如 果 能 有 一 个 市 面 上 已 过 验证 的 功能 或 产品 直接 拿 过 来 使 
用 ， 剩 下 的 事 就 只 有 市 场 运营 了 ， 将 节省 大 量 的 资源 ， 迎 着 风口 快速 成 长 。 如 当 通 讯 软 件 
whatsapp 在 2011 年 一 炮 而 红 过 后 ， 类 似 产 品 如 雨后春笋 : 微 信 、line、viber、kik 等 等 ; 魔法 
相机 一 夜 走红 后 ，face U、 脸 萌 也 应 运 而 生 。 其 实 这 种 方式 并 不 是 不 好 的 ， 相 反 的 ， 这 是 一 种 
相对 聪明 的 商业 手段 。 试 着 想 想 看 ， 如 果 不 是 腾讯 简单 粗暴 地 抄袭 了 whatsapp， 我 们 不 可 能 

么 快 有 微 信 那么 方便 的 沟通 工具 ， 也 不 可 能 有 微 信 今 天 如 此 强大 的 功能 。 我 们 就 像 偷 了 别 
人 的 武功 秘籍 ， 让 全 民 都 学 会 了 轻功 一 样 ， 做 了 一 件 利 人 利己 的 事情 。 到 今天 为 止 ， 一 些 大 
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黎 别 的 产品 ， 再 将 自己 的 用 户 流量 注入 到 产品 中 ， 是 对 公司 成 本 的 极 大 节约 。 


互联 网 发 展 到 今天 ， 市 场 不 断 走向 成 熟 ， 这 种 方式 的 成 本 也 乏 渐 提高 了 。 原 来 抄 3 个 产品 ， 就 
有 1 个 能 够 赚 到 用 户 流量 ， 而 今天 做 10 个 产品 都 不 一 定 有 一 个 能 活 下 来 。 当 下 ， 用 户 面前 已 经 
押 放 了 太 多 选项 ， 如 何 拷 开 眼前 模 七 坚 入 的 相似 产品 ， 让 自己 发 出 不 一 样 的 气味 吸引 到 用 

户 ， 成 为 每 个 【后 起 之 秀 】 必 须要 努力 的 事 。 


我 们 先 来 看 下 正确 的 竞 品 分 析 将 为 产品 带 来 哪些 好 处 : 


e. 竞 品 分 析 能 和 用 户 研 究 互 做 补充 。 用 户 研 究 都 是 关于 人 ”的 研究 ， 必 定 带 有 大 量 主观 性 ， 
而 竞 品 分 析 可 以 从 “ 别 的 产品 "的 视角 来 反思 自家 产品 ， 让 这 种 主观 性 得 到 很 好 地 控制 。 

e 确定 市 场 机 会 。 当 某 个 产品 在 市 场 上 赢得 用 户 的 时 候 ， 一 定 是 打开 了 一 片 新 的 市 场 ， 无 
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e 利用 竞 品 分 析 分 辨 目标 用 户 。 目 标 用 户 的 确定 对 一 个 产品 来 说 至 关 重 要 ， 它 是 我 们 做 产 
品 需要 的 第 一 颗 定心丸 ， 以 后 的 所 有 功能 都 以 此 为 基础 。 我 们 能 从 竞争 对 手 那里 知道 我 
们 的 用 户 大 概 是 那些 人 ， 不 是 哪些 人 ， 可 以 在 此 基础 上 挖掘 属于 自己 的 用 户 分 类 。 

e 发 现 新 的 竞争 对 手 。 竞 品 分 析 让 我 们 不 断 挖掘 新 的 竞争 对 手 ， 其 至 一 些 不 直接 竞争 但 是 
在 某 方面 做 得 不 错 的 产品 。 例 如 要 做 共享 经 济 的 旅游 住宿 产品 ， 大 家 都 会 想到 airbnb， 但 
进一步 挖掘 国内 市 场 ， 会 发 现 像 【小 猪 短 租 】 中 国 版 airbnb 也 做 得 不 错 ， 再 进一步 挖掘 ， 
发 现 自如 租房 这 种 针对 城市 上 班 族 租 房市 场 的 产品 ， 里 面 诅 套 的 【管家 】 服 务 ， 也 可 以 
拿 来 借鉴 。 
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识别 竞争 对 手 -- 分 析 竞 品 -- 持 续 分 析 


Identifying SWOT Surveillance 


Competitors Analysis 





1. 识 别 竞争 对 手 : 你 是 谁 ， 谁 是 你 的 竞争 对 手 


如 果 你 是 在 一 个 成 熟 市 场 中 的 寻求 发 展 的 产品 ， 识 别 谁 是 你 的 竞争 对 手 就 狂 如 拜 老师 或 者 交 
朋友 一 般 谨 惯 ， 因 为 它们 将 会 影响 你 接 下 来 走 的 每 一 步 。 


我 们 首先 要 做 的 是 正确 的 评估 自己 与 竞 品 中 的 区 别 。 一 个 产品 成 功 一 定 是 多 方面 因素 影响 ， 
切 不 可 光 看 中 竞 品 分 析 中 的 某 一 点 ， 而 是 要 做 全 面 的 对 比分 析 。 所 以 我 们 可 以 挑选 一 些 差异 
大 的 或 者 有 很 深 影 响 的 纬度 进行 对 比 : 资源 、 用 户 量 、 产 品 定位 、 使 用 场景 、 目标 ... 等 等 。 如 
TA: 
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下 图 是 一 个 想 要 做 银行 卡 【 优 惠 】 的 产品 ， 产 品 决策 者 把 市 面 上 最 火 的 微 信 、 支 付 宝 、 大 众 
点 评 、 美 团 、 掌 上 生活 、 卡 惠 作 为 竞争 对 手 。 这 几 个 产品 有 非常 类 似 的 地 方 ， 所 以 我 们 把 相 
似 的 竞 品 先进 行 了 合并 分 析 ， 然 后 再 按照 场景 、 用 户 行为 、 内 容 体 量 、 卖 点 进行 了 对 比 ， 用 
浅 红 色 代 表 相 似 度 高 ， 深 红色 代表 相似 度 较 高 ， 蓝 色 代 表 相 似 度 低 。 通 过 对 比 可 以 清楚 地 发 
现 像 微 信 、 支 付 宝 这 样 的 产品 几乎 没有 太 多 参考 性 ; 而 像 掌上 生活 、 卡 患 这 样 的 产品 虽然 不 
是 市 场 最 热 的 ， 但 却 是 最 直接 的 竞争 对 手 ， 参 考 价值 最 大 。 


场景 用 户 行为 内 容 体 量 卖点 


ES 被 动 发 现 商户 /用 户 关联 
支付 宝 / 微 信 支付 主动 寻找 基数 大 商户 
、 商户 资讯 主动 商户 /用 户 关联 
FÆ 
大 众 点 评 / 美 团 /优惠 寻找 


卡 资讯 主动 商户 /用 户 关联 


掌上 生活 / 卡 惠 /优惠 寻找 基数 较 大 RO 
卡 资讯 主动 商户 /用 户 关联 
某 产品 /优惠 寻找 基数 小 银行 卡 


这 样 的 分 析 能 帮助 我 们 冷却 发 热 的 头脑 ， 认 清 自己 是 谁 ， 谁 是 你 的 直接 /间接 竞争 对 手 。 


析 竞 品 : 介绍 几 种 常用 的 分 析 工具 
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SWOT 模型 (Strengths ` Weaknesses ` Opportunities ` Threats ) 


FE APD AT A S8] A PSH SHIMLA > S^ WAA ABRAMS 30^ Tm x 
产品 外 部 市 场 存在 哪些 机 会 和 威胁 。 此 工具 的 优点 在 于 它 可 以 对 所 有 类 型 的 产品 进行 粗略 的 
分 析 ， 既 可 以 是 实体 的 商店 ， 又 可 以 是 线 上 的 互联 网 产品 。 缺 点 在 于 力度 比较 粗 ， 对 于 产品 
特质 的 抓 取 不 是 特别 有 力 。 


Helpful Harmful 


To achievement of objective 


S W 
» eU 


一 个 位 于 市 中 心 的 新 品牌 披萨 店 的 例子 : 


Hi 
i 


External origin 
Ay bates af Lore pain 





Strengths (内 部 优势 ) 


e 产品 : 拥有 优质 的 食材 & 配 方 

e 价钱 : 比 其 他 流行 品牌 便宜 

e 设计 : 精美 的 、 有 设计 感 的 托盘 
e AR: 店内 环境 舒适 ， 适 合 交谈 


Weaknesses (内 部 劣势 ) 


e 品牌 : 不 被 大 众 熟知 
e 员工 : 未 经 过 专业 的 培训 
e 经 验 : 缺乏 经 营 的 经 验 


Opportunities (外 部 机 会 ) 


e 受众 :价格 和 设计 吸引 了 许多 年 轻 的 女性 
。 周边 品牌 : 有 和 杂志、 服饰、 图 书 等 资源 ， 可 发 展 成 为 综合 性 的 门店 


Threats (外 部 威胁 ) 


。 对 手 : 竞争 对 手 能 提供 更 多 品种 的 披萨 
。 环境: 周围 500 米 有 同类 型 的 披萨 店 


PEST 模 型 (Political `> Economic ` Social ` Technological ) 


是 一 种 产品 的 宏观 环境 分 析 工 具 


ee 作 管 


POLITICAL 


Government type and stability 

Freedom of press, rule of law and levels of bureaucracy and corruption 
Regulation and de-regulation trends 

Social and employment legislation 

Tax policy, and trade and tariff controls 

Environmental and consumer-protection legislation 


Likely changes in the political environment 


科技 ， 这 些 因素 不 受 产 品 的 的 改变 
理 更 相关 。 


ECONOMIC 


Stage of business cycle 

Current and project economic growth, inflation and interest rates 
Unemployment and labor supply 

Labor costs 

Levels of disposable income and income distribution 

Impact of globalization 

Likely impact of technological or other change on the economy 


Likely changes in the economic environment 


O © © 





O O 


Population growth rate and age profile 

Population health, education and social mobility, and attitudes to these 
Population employment patterns, job market freedom and attitudes to work 
Press attitudes, public opinion, social attitudes and social taboos 

Lifestyle choices and attitudes to these 


Socio-Cultural changes 


SOCIO-CULTURAL 


下 面 有 些 具体 的 例子 进一步 说 明 : 


Political (政治 因素 ) 


e 贸易 政策 
e 股东 需求 
e 国家 政策 


Economic (经 济 因 素 ) 


e 国外 经 济 趋势 
e 本 地 经 济 趋势 
e 外 汇 比率 

e 关税 


Social (社会 因素 ) 
e 宗教 因素 
e. 地 域 消费 行为 模型 
e 地 域 人 口 统计 
e 地 域 教 育 程 





Impact of emerging technologies 
Impact of Internet, reduction in communications costs and increased remote working 
Research and Development activity 


Impact of technology transfer 


TECHNOLOGICAL 


Technological (44 * X) 
e 技术 发 展 趋势 
© 技术 授权 /牌照 
© 技术 的 成 熟 度 
AARRRi2#! (Acquisition ` Activation ` Retention ` Revenue ` Refer) 
是 一 种 分 析 产 品 运 营 情况 的 模型 ， 分 别 是 : 获取 用 户 、 提 高 用 户 活 跃 度 、 提 高 留存 率 、 获 取 


收入 、 自 传播 五 个 方面 。 比 较 适 用 于 分 析 偏 运营 的 产品 。 


AARRR Metrics Funnel Diagram 


Acquisition 


@ How do users find us? 


Do users have a great Activation 
- 9 
first experience? 


Retention 
€ Do users come back? 


How do you make 
money? 


€ Do users tell others? 








用 户 获取 用 户 活跃 /激活 用 户 留存 收入 传播 


















































如 何 让 用 户 产生 行为 如 何 让 用 户 持续 使 用 如 何 让 用 户 产 生 支 分 享 、 口 碑 
如 注册 、 登 录 付 行 为 


用 户 怎 么 找到 我 们 ? 


























AARRR 模 型 它 关 注 的 指标 ， 可 做 参考 : 


获取 用 户 : 新 增 用 户 数 、CPA 

提高 用 户 活跃 度 : AU (活跃 用 户 ) 、 活 跃 率 、 使 用 时 长 、 局 动 次 数 

提高 留存 率 : 次 日 留存 率 、 周 、 月 留存 率 

获取 收入 : ARPU (平均 每 位 用 户 收 入 ) 、 消 费用 户 比 例 、LTV (生命 周期 价值 ) 
自传 播 : KAT 


Lean Canvas 


是 一 种 全 面 分 析 产 品 的 方式 ， 它 包括 了 产品 应 该 关注 的 方方面面 。 


问题 解决 方案 独特 卖点 
最 需要 解决 的 产品 最 重要 的 用 一 句 简明 扰 
三 个 问题 三 个 功能 要 但 引 人 有 瞩目 
的 话 阐述 为 什 
么 你 的 产品 与 
关键 指标 众 不 同 ， 值 得 
购买 
因 该 考核 哪些 
东西 
成 本 结构 


争取 客户 所 需 花 费 、 销 售 产品 所 需 花 费 、 网 站 
架设 费用 、 人 力 资源 费用 等 


竞争 门槛 客 群 细 分 
无 法 被 对 手轻 目标 客户 
易 复 制 或 买 去 

的 竞争 优势 


如 何 找到 客户 


收入 现金 流 


盈利 模式 、 客 户 终身 价值 
收入 、 毛 利 


你 的 产品 也 许 不 适用 上 面 的 模型 ， 那 么 你 可 以 自己 制作 一 些 图 表 比 较 : 
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e Software Competition Analysis e 


-e- Features -e- Users Interface 
Our Software Our Software Our Software 


4 Competitor 


Compettor 


Cortsettor 
4 


Corgetto 


Our Sotware 


5 


‘ Competitor 





Sales/Month 
2M 


1.6M 


1.2M 


800K 


400K 





0 20 40 60 80 100 $Price 








— EBEBEBEREBER 
occ 
— EDEDED ED ESED 
— EDEDED EDES ED 


Competitor 4 








持续 分 析 


竞 品 分 析 不 是 一 个 一 次 性 的 分 析 ， 它 需要 融入 在 产品 生命 周期 去 ， 每 当 我 们 遇 到 困难 走 不 下 


去 的 时 候 ， 竞 品 分 析 能 帮助 我 们 找到 一 些 灵感 ， 切 记 不 要 直接 照搬 © 


最 后 ， 这 个 网 站 可 以 帮助 你 制作 一 些 漂亮 的 分 析 报 告 :点 这 里 
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Product 


Strengths & 
Weaknesses 


Market Breakdown 


= 


Strengths 


* What makes this service a top too! 
for addressing consumer needs? 


* What are some cutting-edge 
features? 


* Any novel capabilities that sets this 
company apart? 


Weaknesses 


* What aspects of this company 
have room for growth? 


* What part(s) could be improved to 
strengthen services? 


* What elements have prompted 
feedback? 


Competitor 1 
Budget Premium 
a 

B2B B2C 
L| 

Retail Ecommerce 

a 

Local Global 
a 

Products Services 

a 


= 


Strengths 


* What makes this service a top tool 
for addressing consumer needs? 


e What are some cutting-edge 
features? 


* Any novel capabilities that sets this 
company apart? 


Weaknesses 


* What aspects of this company 
have room for growth? 


* What part(s) could be improved to 
strengthen services? 


* What elements have prompted 
feedback? 


Competitor 2 
Budget Premium 
a 
B28 B2C 
a 
Retail Ecommerce 
a 
Local Global 
a 
Products Services 
B 


PRODUCT 
PHOTO 


Strengths 


* What makes this service a top tool 
for addressing consumer needs? 


* What are some cutting-edge 
features? 


* Any novel capabilities that sets this 
company apart? 


Weaknesses 


* Whataspects of this company 
have room for growth? 


* What part(s) could be improved to 
strengthen services? 


* What elements have prompted 
feedback? 


Competitor 3 
Budget Premium 
a 
B2B B2C 
B 
Retail Ecommerce 
a 
Local Global 
B 
Products Services 
| 
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数据 分 析 
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用 户 访谈 
用 户 访谈 是 什么 


用 户 访 谈 是 用 户 调研 的 一 种 方式 ， 是 最 感性 的 方式 ， 也 是 最 有 效 了 解 用 户 的 方式 。 为 什么 最 
感性 ? 因为 是 人 与 人 之 间 的 传递 ， 无 法 避免 大 量 的 主观 意识 ; 为 什么 最 有 效 ? 因为 是 人 与 人 
之 间 的 传递 ， 能 感受 的 纬度 最 丰富 : 用 户 的 情绪 、 状 态 、 人 偏好、 诉求 ， 我 们 会 被 非常 立体 的 
感知 所 包围 。 就 如 同 我 们 为 什么 看 电影 喜爱 VR 胜 过 3D， 喜 爱 3D 胜 过 2D， 因 为 我 们 追求 的 永 
远 是 更 由 实 的 感受 ， 而 更 丨 实 的 感受 能 带 你 对 事物 产生 更 准确 地 理解 。 


用 户 访谈 从 字面 理解 很 简单 ， 是 指 采访 产品 的 终端 用 户 ， 而 实际 上 用 户 访谈 所 要 达成 的 目标 
并 不 简单 ， 包 括 用 户 需求 洞察 、 用 户 行为 分 析 、 用 户 感知 获取 等 等 。 用 户 观 察 和 访谈 是 渗入 
到 产品 的 整个 周期 的 : 产品 初期 的 用 户 需 求 洞察 -- 原 型 阶段 的 用 户 测 试 -- 上 线 前 的 可 用 性 测试 - 
-上 线 后 的 反馈 收集 分 析 -- 和 迭代 中 的 用 户 数据 分 析 。 


用 户 需求 洞察 可 用 性 测试 用 户 数据 分 析 
? ? ki 
。 。 。 





原型 上 线 后 
PROTOTYPE AFTER RELEASE 
° . 
。 。 
用 户 测试 反馈 收集 


我 们 今天 所 谈论 的 重点 是 产品 初期 如 何 从 用 户 访谈 中 洞察 用 户 需求 、 要 做 哪些 事情 、 如 何 利 


用 访谈 结论 
用 户 访 谈 的 价值 : 


e 让 产品 设计 者 代表 用 户 发 声 ， 培 养 同 理 心 。 用 户 访谈 是 一 个 传输 “ 脑 电 波 ” 的 过 程 ， 当 访谈 
结束 ， 你 就 必须 让 用 户 的 所 听 、 所 看 、 所 想 传输 到 自己 的 大 脑 里 ， 让 自己 作为 代表 为 他 
们 设计 。 就 像 一 个 演员 ， 他 所 演 的 不 是 他 自己 ， 而 是 代表 着 社会 上 某 一 类 人 和 群 ， 他 必须 
深刻 了 解 这 类 人 。 假 如 在 采访 阶段 没有 对 用 户 产生 深刻 的 理解 ， 那 么 设计 出 来 的 产品 也 
必定 不 能 帮 他 们 解决 痛 点 ， 只 是 为 自己 而 设计 。 

e 从 了 解 用 户 到 理解 用 户 ， 再 到 摆脱 用 户 。 用 户 访谈 让 我 们 充分 地 、 全 方位 地 理解 用 户 ， 
然后 我 们 才能 很 好 地 摆脱 用 户 ，why ? 如 果 我 们 停留 在 理解 用 户 的 层面 ， 那 为 什么 不 让 用 
户 自己 设计 产品 呢 ， 我 们 需要 站 在 比 用 户 更 高 的 地 方 去 看 待 问题 。 有 时 候 用 户 产生 的 想 
法 和 行为 连 自己 都 不 能 理解 ， 例 如 为 什么 大 多 数 人 吃 甜 食 时 有 一 种 幸福 的 感觉 ,因为 我 们 


NO 
CD 


虽然 生活 在 丰衣足食 的 社会 ， 但 是 我 们 的 基因 却 记得 远古 时 代 风 餐 露 宿 的 生活 ， 那 时 找 
到 成 熟 的 、 糖 分 高 的 果实 是 很 难 的 ， 一 旦 找 就 会 感觉 非常 幸福 。 一 个 普通 的 用 户 可 能 不 
会 了 解 这 些 ， 作 为 设计 师 的 我 们 ， 需 要 用 丰富 的 知识 回答 用 户 行为 背后 的 疑问 。 

e 让 团队 对 “工具 ”有 很 好 地 认识 ， 既 不 贬低 它 ， 也 不 抬 高 它 。 用 户 访谈 毕 竞 只 是 一 个 工 
具 ， 它 很 好 ， 但 不 是 好 到 可 以 挽救 一 个 产品 ; 它 也 有 缺陷 ， 但 是 不 可 能 完全 没 用 ， 或 者 
像 很 多 人 所 觉得 的 :“ 调 研 完 和 我 的 猜想 完全 一 样 "。 这 个 工具 只 有 当 你 丨 正 去 用 了 ， 放 在 
合适 的 场景 下 才能 评价 它 的 好 坏 ， 对 一 个 工具 的 正确 认识 或 许 比 这 个 使 用 工具 本 身 更 重 
要 ， 起 码 你 不 会 滥用 这 个 工具 ， 然 后 得 出 一 个 否定 它 的 结论 。 


用 户 访谈 的 目的 : 
对 于 一 个 新 产品 ， 它 能 帮 你 : 


e 定义 你 的 潜力 用 户 群 
e 找 出 什么 是 用 户 在 产品 中 的 诉求 
e 找 出 高 价值 人 在 没有 使 用 产品 时 是 如 何 解决 痛 点 的 


> 


对 于 一 个 已 存在 的 产品 ， 它 能 帮 有 


Noe 


e 了 解 存量 用 户 的 行为 特征 和 偏好 
e 找到 存量 用 户 使 用 产品 时 的 痛 点 
。 学 习 如 何 留 住 存量 用 户 ， 同 时 获取 新 用 户 


如 何 挑选 要 访谈 的 用 户 


访谈 的 第 一 步 就 是 要 知道 ， 你 要 访谈 谁 、 谁 是 这 次 的 重点 、 谁 不 在 这 次 访谈 的 范围 之 内 。 我 
们 应 该 在 采访 之 前 就 有 一 些 分 类 ， 以 下 是 一 些 可 以 参考 的 用 户 分 类 : 


1. 可 以 从 用 户 的 类 型 上 挑选 : 


e 利益 相关 者 : 给 项 目 资金 和 资源 的 人 ， 能 够 决定 项 目的 目标 和 方向 ; 

e HP : 是 使 用 产品 的 人 ; 

e 顾客 : 是 购买 产品 的 人 ， 有 的 产品 顾客 等 于 用 户 ， 有 的 产品 顾客 不 等 于 用 户 ， 比 如 给 儿 
童 用 的 学 习 型 产品 ， 儿 童 是 用 户 ， 但 是 买 产品 的 是 父母 ， 所 以 父母 是 顾客 ; 

e 专家 : 是 指 在 产品 领域 内 的 职业 玩家 ， 有 丰富 的 经 验 ， 比 如 要 做 理财 产品 ， 那 些 金融 行 
业 的 人 就 是 专家 ; 

e 其 他 相关 者 : 指 的 是 用 户 周围 的 人 ， 包 括 家 人 人、 朋友、 同学 等 等 ， 他 们 能 够 影响 用 户 使 
用 活 购 买 产品 。 
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2. 可 以 从 存量 用 户 和 非 存 量 用 户 挑选 





e 存量 用 户 : 如 果 你 的 产品 已 经 运行 一 段 时 间 ， 那 么 需要 从 后 台数 据 中 将 用 户 进 行 分 类 ， 
如 : 按照 活跃 度 最 高 、 收 入 贡献 最 多 来 分 类 ， 对 于 这 类 种 子 用 户 需 要 跟踪 他 们 的 行为 轨 
迹 ， 了 解 他 们 更 多 的 诉求 。 

e 非 存 量 用 户 : 指 的 是 现在 没有 使 用 产品 ， 但 是 我 们 希望 宫 括 进来 的 用 户 。 如 : 对 于 线 上 
支付 产品 ， 大 家 都 想 让 最 主流 、 消 费力 最 足 的 城市 白领 成 为 主要 用 户 ， 但 白领 也 许 对 产 
品 并 不 买单 。 用 户 访 谈 帮 我 们 清楚 地 意识 到 哪些 非 存 量 用 户 是 有 可 能 被 吸引 的 ， 哪 些 不 
能 。 非 存量 用 户 里 面 又 可 以 分 成 潜力 用 户 和 非 用 户 ， 潜 力 用 户 是 一 些 使 用 竞争 对 手 产 品 
的 用 户 ， 要 了 解 他 们 为 什么 偏爱 对 手 ; 非 用 户 要 了 解 为 什么 他 们 不 使 用 产品 ， 有 没有 可 
能 让 他 们 变 成 潜力 用 户 。 


非 存 量 用 户 


非 用 户 





3. 可 以 根据 猜想 的 纬度 挑选 用 户 : 


对 于 一 个 新 的 产品 ， 就 算 没 有 非常 确定 的 用 户 类 型 ， 也 会 有 大 概 的 用 户 指向 ， 我 们 可 根据 自 
己 猜 起， 用 枚 举 的 方式 把 用 户 都 列 下 来 ,例如 : 城市 白领 、 二 线 城市 打工 族 、 家 庭 妇 女 、 老 居 
民 ... 等 等 。 不 要 害怕 过 于 主观 ， 我 们 之 后 可 以 在 访谈 的 时 候 再 逐渐 修正 这 些 分 类 。 


农民 工 …. 


- | 
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是 : 三 种 挑选 的 纬度 可 能 是 包含 关系 ， 如 : 从 存量 用 户 里 面 挑选 出 来 的 用 户 ， 又 
终端 用 户 、 顾 客 、 专 家 ， 从 非 存 量 用 户 挑 选 出 来 的 用 户 ， 又 可 分 学 生 、 打 工 族 、 白 


用 户 访谈 前 要 准备 什么 


e 用 户 招募 : 提前 一 周 开始 招 募 ， 人 数 上 需要 有 宛 余 ， 避 免 有 用 户 临 时 不 来 的 情况 ; 每 类 
用 户 至 少 3 个 人 以 上 ， 重 点 类 型 招募 比例 可 加 大 ; 核对 招募 用 户 的 有 效 性 ， 因 为 招募 公司 
业务 专业 性 不 强 ， 找 来 的 人 有 时 不 是 非常 契合 。 

e 访谈 提纲 : 一 般 调研 团队 是 由 几 名 设计 师 组 成 的 ， 为 了 统一 大 家 采访 的 思路 ， 必 须要 根 

据 每 一 个 采访 的 对 象 制定 采访 提纲 ， 如 果 带 有 实地 考察 的 调研 ， 要 制定 观察 提纲 。 由 于 

是 纲 是 事先 做 好 的 ， 所 以 不 可 能 完全 符合 采访 的 需要 ， 所 以 在 每 一 次 采访 过 后 ， 大 家 需 

要 统一 的 调整 提纲 的 问题 ， 删除 不 必要 的 问题 或 者 增加 有 价值 的 问题 。 

时 间 计 划 : 访谈 非常 耗费 体力 ， 需 要 有 好 的 精神 状态 ， 一 天 访谈 不 要 超过 6 个 ， 一 个 访谈 

不 要 超过 1 小 时 ，1 小 时 以 上 的 提问 已 经 得 不 到 可 信 的 答案 。 

e ARDIL: 两 人 一 组 ， 一 个 人 提问 ， 一 个 人 记录 ， 为 了 让 每 个 角色 都 有 更 好 地 参与 ， 可 

在 访谈 中 交换 角色 。 如 果 有 可 能 的 话 ， 尽 量 让 决策 者 、 产 品 经 理 、 开 发 也 参与 前 期 的 调 

研 。 

奖品 & 资 源 消 耗 : 准备 金额 50 元 -200 元 的 奖品 (有 一 些 吸引 力 ， 但 也 不 至 于 花费 太 高 ) ， 

提高 被 访 者 的 参 积极 性 ; 准备 一 间 温 声 的 办 公 室 /studio， 营 造 轻松 自然 的 氛围 ; RE 

外 出 访谈 ， 准 备 一 些 易 拉 宝 、 工 作 牌 之 类 的 ， 表 明 身 份 的 丨 实 性 。 
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几 种 访谈 的 方式 
1. 一 对 一 访谈 : 


我 们 用 的 最 多 的 是 一 对 一 访谈 。 我 们 要 分 清楚 ， 针 对 哪 类 用 户 用 什么 方式 最 有 效 : 


对 于 To C 的 产品 ， 可 采用 坐 谈 的 方式 : 

To C 的 产品 一 般 都 是 一 个 角色 贯穿 产品 的 始终 ， 不 用 和 其 他 角色 配合 完成 某 项 工作 ， 所 以 我 
们 需要 深入 了 解 单个 用 户 的 方方面面 ， 如 : 行为 习惯 、 偏 好 、 生 活 场景 等 。 采 用 坐 谈 的 方式 
帮助 我 们 由 粗 到 细 提 问 ， 再 针对 某 个 问题 分 支 深入 挖掘 。 


对 于 决策 者 的 访谈 ， 同 样 应 该 采用 坐 谈 的 方式 ， 因 为 领导 时 间 少 、 意 见 重要 ， 一 对 一 可 以 问 
得 很 深入 ， 并 让 他 感到 足够 的 重视 。 





对 于 to B 的 产品 ,可 采用 可 视 化 访谈 的 方式 : 


e To B 的 产品 ， 用 户 通常 都 会 有 上 下 游 关系 ， 上 游 把 工作 做 完 传 到 下 游 。 我 们 需要 了 解 的 
是 : 业务 流程 、 人 员 配 合 关系 、 每 个 阶段 的 产 出 等 等 。 可 采用 可 视 化 的 方式 ， 如 下 图 ， 
边 采访 边 画 出 整个 工作 流 ， 再 了 解 每 个 流程 中 的 问题 。 
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2.Workshop7 iX 


针对 企业 项 目的 产品 经 理 ， 我 们 通常 采用 workshop 的 形式 ， 因 为 产品 经 理 的 人 数 比 较 多 ， 大 
家 有 各 自 的 想法 不 容易 达成 一 致 。workshop 的 好 处 就 是 能 让 彼此 了 解 想法 并 且 意 见 达 成 一 
致 。 
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3. 电 话 访 谈 : 
电话 访谈 是 特别 需要 技巧 的 访谈 ， 想 象 一 下 我 们 平时 接 到 陌生 来 电 的 情景 : 


1. 看 到 陌生 电话 眉头 一 皱 : 谁 啊 ， 骗 纸 吧 
2.， 接 起 电话 不 怀 好 意 : 请 问 你 是 ? 
3. 还 没 等 对 方 讲 完 一 句 话 ， 就 说 : 不 好 意思 不 感 兴 趣 再 见 ， 哟 。 





所 以 电话 访谈 首要 解决 的 事情 是 要 消除 受 访 者 的 疑虑 ， 否 则 你 将 一 无 所 获 。 如 何 解决 呢 ? 


。 需要 用 一 个 “官方 "号 码 拨打 电话 来 消除 疑虑 ; 
e 通过 受 访 者 熟悉 的 平台 邀请 参与 调研 (如 官网 、facebook 等 ) ， 并 且 把 时 间 、 所 需 时 
长 、 主 题 告知 受 访 者 ， 让 他 有 充足 的 准备 ; 
。 赠送 小 礼品 ， 让 受 访 者 乐于 表达 。 
第 二 要 注意 的 事 是 尽量 直击 要 害 ， 要 重要 的 问题 放 在 前 面 询问 。 因 为 你 和 受 访 者 无 法 面 对 
面 ， 你 不 知道 他 接 电话 的 时 候 在 做 什么 ， 是 否 是 一 心 二 用 或 者 心 不 在 看 ， 所 以 在 得 到 信任 以 
后 需要 立即 问 一 些 核心 的 问题 。 对 方 不 愿意 回答 的 问题 不 要 强迫 追问 ， 造 成 受 访 者 的 方 反 


最 后 ， 如 果 发 现 受 访 者 开始 不 耐烦 ， 就 快速 结束 对 话 ， 因 为 他 提供 的 信息 参考 价值 降 


人 OB: 


实地 考察 的 目的 是 为 了 从 更 客观 的 角度 观察 【事情 】 发 生 的 进 这 里 的 【事情 】 可 以 是 产 
pa vi c cc ae oo 
的 方法 是 “守株待兔 " 和 “主动 出 击 *。 守 株 待 免 是 对 事先 制定 好 的 观察 目标 进行 观察 ， 对 用 户 产 


生 情 感 的 认 知 ， 对 过 程 提 出 问题 ; 主动 进攻 是 对 问题 进 we a 各 种 角度 中 获 
得 答案 。 


方 谈 提纲 包括 的 纬度 (每 个 产品 不 同 ， 问题 不 同 ， 仅 供 参 考 ) 
可 以 分 为 几 类 问题 : 


e 基本 信息 : 年 龄 、 职 业 、 工 作 情 况 居 住地 等 

e 过 程 或 经 历 : 和 产品 相关 的 几 个 关键 的 场景 ， 例 如 存款 取款 场景 、 买 理财 产品 的 场景 等 
e 态度 动机 : 产生 行为 的 动机 

e A : 根据 场景 挖掘 痛 点 ， 深 入 访谈 

e 尝试 过 的 方案 : 曾经 尝试 解决 痛 点 的 方案 

e 愿景 : 希望 如 何 改 进 痛 点 

e 工具 技术 : 平时 解决 此 痛 点 用 到 的 工具 有 哪些 

。 解决 痛 点 成 功 的 标准 


一 些 问 问题 的 小 技巧 : 


e 介绍 访谈 的 目的 和 所 需 时 间 

e 把 一 个 问题 控制 在 20 个 字 以 内 

e 一 次 只 问 一 个 问题 

e MAR M VH) P A EAR 

。 将 问题 集中 在 用 户 的 行为 轨迹 上 ， 而 非 感 受 上 

e 提供 一 些 日 期 的 提示 帮助 用 户 进 行 回忆 

e 问题 中 带 有 专业 性 的 ， 转 化 成 用 户 的 语言 去 问 

e 使 用 中 性 的 词 或 者 语句 ， 不 让 用 户 产 生 偏 向 

e 在 必要 时 才 涉 及 用 户 的 感受 或 者 隐私 问题 

e 问 完 一 个 问题 时 ， 给 用 户 一 些 思考 的 时 间 ， 不 让 着 急 让 他 回答 


一 些 访 谈 时 避免 做 的 事情 

e 问 用 户 “ 你 想 要 什么 

e 让 用 户 做 选择 ， 而 选项 并 不 符合 他 们 实际 的 情况 
e 问 一 些 引 导 性 强 的 问题 

e 讲 问题 放置 在 错误 的 前 提 下 


e. 让 用 户 讨 论 TA 没 有 经 历 过 的 事情 
e 让 用 户 预 测 将 来 

e 用 过 于 专业 的 词汇 问 问题 

e 用 过 于 情感 化 的 词汇 

e 处 于 好 奇 心 问 一 些 私人 问题 


相互 制约 的 方法 


每 一 个 方法 都 不 能 单一 地 存在 ， 必 须 有 另外 一 个 方法 去 制约 和 测试 它 的 监 实 性 ， 用 户 访谈 是 
一 种 定性 的 方法 ， 可 以 用 如 问卷 调查 、 数 据 研究 这 样 定量 的 方式 来 验证 访谈 的 有 效 性 ， 将 用 
户 访谈 的 结果 导入 到 数据 或 者 市 场 调研 中 去 做 测试 ， 把 有 差异 的 地 方 拿 出 来 做 讨论 ， 反 复 验 
TED SEALED RHEE AKAMA R o 


问卷 调研 
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用 户 画 像 


在 做 用 户 体验 设计 时 ， 最 常 挂 在 我 们 嘴 边 的 词 之 一 就 是 “用 户 ”， 而 这 个 被 用 烂 了 的 词 在 设计 中 
并 没有 起 到 良好 的 作用 。 

产品 经 理 和 设计 师 虽 然 都 在 说 “用 户 ”， 但 事实 上 ， 他 们 可 能 并 不 知道 夏 正 的 用 户 是 哪些 人 、 他 
们 有 什么 特征 。 因 为 大 多 数 人 没有 做 站 正 的 用 户 调研 ， 从 而 无 法 培养 同 理 心 而 把 他 们 自己 变 
成 目标 用 户 (SER EOLA RAP) ; 而 就 算 前 期 做 过 用 户 调 研 ， 人 他们 也 很 难 记 住 用 户 
类 型 到 底 是 哪些 ， 到 头 来 ， 还 是 按照 自己 腹 想 的 用 户 来 设计 产品 。 

了 解 和 分 析 用 户 最 好 的 办 法 就 是 建立 persona (也 可 以 叫 建立 角色 或 者 用 户 画 像 ) ， 它 是 产品 
最 重要 的 设计 工具 和 沟通 工具 。 


persona 从 何 而 来 


persona 一 词 最 早出 现在 2004 年 出 版 的 《The Inmate Are Runing the Aslyum》 中 ， 由 交互 设 
计 之 父 Alan Cooper 所 创造 。 





要 做 一 个 能 够 称 之 为 “好 体验 "的 产品 ， 必 须 对 用 户 有 足够 的 了 解 ， 从 而 建立 同 理 心 Bp 
通过 和 用 户 的 沟通 、 观 察 他 们 的 生活 建立 起 一 种 和 他 们 感同身受 的 心理 状态 。persona 就 是 设 
计 师 对 用 户 的 观察 、 与 用 户 沟通 后 分 解 出 来 的 几 种 人 物 类 型 ， 每 一 个 类 型 称 之 为 一 个 
persona ° 


persona 为 什么 重要 


很 多 公司 的 老板 或 产品 经 理 喜 欢 做 “大 而 全 "的 东西 ， 动 不 动 就 说 要 做 一 个 XX 平 台 、 铺 全 量 用 
户 。 这 种 想法 使 得 他 们 在 产品 中 加 入 了 很 多 不 符合 真实 需求 的 功能 ， 例 如 : 造 一 辆 车 需要 同 
时 满足 孕妇 、 驴 友和 大 学 生 的 需要 ， 孕 妇 想 要 更 宽 的 座位 来 平稳 放置 孩子 ， 驴 友 需 要 有 坚实 
的 底盘 穿越 各 种 地 势 ， 大 学 生 需 要 有 拉 风 的 沼 笑 ， 如 果 要 满足 这 三 方 的 要 求 ， 设 计 的 车 将 会 
是 这 样 : 


炫 酷 的 敞篷 更 舒适 的 后 座 


1 


适合 越野 的 底盘 





可 以 看 出 ， 这 是 一 个 “三 不 像 "的 设计 ， 并 不 能 很 好 满足 任何 一 方 的 需求 。 如 果 我 们 想 

体验 ， 当 然 是 为 这 三 种 用 户 都 分 别 造 一 辆 车 ， 但 是 现实 中 并 没有 这 么 多 的 成 本 让 我 们 这 

做 。 所 以 当 我 们 只 能 做 一 个 产品 而 服务 于 多 种 人 群 时 ， 最 好 的 办 法 就 是 让 其 中 某 类 用 户 BR 

验 做 到 100 分 ， 这 群 人 虽 量 小 ， 但 是 只 要 让 他 们 狂热 的 喜欢 ， 就 会 有 强大 的 裙带 效应 。 反 之 ， 

如 果 把 所 有 用 户 的 需求 都 做 均衡 的 考量 ， 那 么 所 有 人 的 体验 只 能 都 维持 在 70 分 左右 ， 我 们 把 
这 种 设计 叫做 “无 任何 满意 度 设计 ”。 


persona 就 是 【基于 定性 与 定量 研究 】 来 帮助 你 精准 定义 某 类 用 户 做 “100% 满 意 设计 "的 工具 。 


何 时 建立 persona 


persona 一 般 都 是 在 一 个 项 目的 最 开始 ， 在 访谈 用 户 、 收 集 用 户 数据 之 后 ， 用 persona 来 收敛 
所 有 的 用 户 资料 。 


如 何 建立 persona 
1. 将 采访 用 户 分 类 
根据 访谈 提纲 ， 将 所 有 采访 来 的 资料 结构 化 输出 ， 应 包括 至 少 三 方面 的 信息 


e 基础 信息 ， 如 : ob 、 居 住地 等 ; 

e 行为 的 变量 ， 如 : 财力 、 对 互联 网 的 接受 程度 、 对 产品 的 依赖 程度 、 受 教育 程度 、 用 户 
ee 

e 用 户 的 三 层 目标 : 本 能 目标 、 行 为 目标 、 反 思 目 标 。 本 能 目标 是 指 用 户 对 视觉 层面 的 偏 
好 和 感觉 ， 影 响 产 品 的 视觉 设计 ; 行为 目标 是 指 用 户 做 某 件 事情 所 想 达 成 的 目标 ， 是 用 
户 的 心里 模型 ， 影 响 产品 的 交互 设计 ; 反思 目标 是 用 户 在 使 用 产品 之 后 ， 想 要 获得 的 生 
活 和 精神 上 发 生 的 改变 ， 影 响 产 品 "使 命 感 "和 "意义 "的 设计 。 


VISCERAL 
want it 


BEHAVIORAL 


i can master it it makes me feel smart 


REFLECTIVE 
it completes me i can tell stories about it (& me) 





对 于 一 些 无 法 结构 化 的 信息 ， 可 以 先 保留 下 来 作为 参考 ， 如 果 觉 得 非常 有 价值 ， 可 以 把 它 标 
注 出 来 。 


2. 将 行为 变量 进行 比较 ， 把 相似 类 型 合并 


用 户 E 像 


© 将 我 们 发 现 的 行为 变量 进行 横向 比较 ， 并 不 用 非常 精确 地 用 数据 对 比 ， 
户 在 轴线 上 的 先 用 关系 即 可 : 

































































只 用 判断 每 类 用 
用 户 分 类 1 用 户 分 类 1 用 户 分 类 4 。 。 用 户 分 类 5 mec 

金领 白领 打工 族 家 庭 主 妇 

a c: Aa ^ 

高 一 线 城市 用 户 财 力 Be 
用 广 分 类 | 用 户 分 类 3 用 户 分 类 5 。 用 户 分 类 4 用 户 分 类 3 

白领 学 生 家 庭 主妇 打工 族 金领 

* v 3 4 2 





一 线 城市 用 户 餐 饮 消费 力 


e 当 我 们 把 用 户 比 较 之 后 ， 


能 会 发 现 有 几 类 用 户 是 很 相似 的 ， 这 时 需要 我 们 判断 
把 它们 合并 成 一 类 。 合 并 的 依据 可 以 是 : 关键 信 


E" 
Bo 2G 


言 息 很 相似 或 类 型 过 多 (多 余 的 用 户 画 像 


会 干扰 产品 做 判断 ) 。 
如 下 图 所 示 ， 这 两 类 用 户 在 财力 和 消费 力 上 都 有 很 强 的 趋同 性 ， 并 且 这 两 个 轴线 是 产品 


pol ee ee UN 


用 户 分 类 4 。 用户 分 类 5 
HIR REHA 




















| 用 户 分 户 分 类 4 


pz) 


| zea HIN 











e 合并 之 后 ， 我 们 需要 总 结 一 些 行为 模式 ， 如 : 收入 高 的 人 群 消费 力也 强 、 有 了 孩子 的 人 
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3. 用 一 些 市 场 数据 来 验证 用 户 画 像 的 丨 实 性 


采访 用 户 和 用 户 分 类 都 带 有 一 定 的 主观 性 ， 所 以 需要 收集 一 些 市 场 数据 来 佐证 用 户 画 像 的 引 
实 性 。 例 如 : 从 采访 的 用 户 当中 发 现 :“ 一 线 城市 白领 大 多 不 如 二 线 城市 白领 的 消费 力 强劲 "， 
这 类 “ 反 直 觉 "的 结论 需要 从 市 场 分 析 报告 中 找到 估 证 ， 如 果 不 符 合 调查 报告 的 结论 ， 就 要 对 此 
做 推测 ， 为 什么 在 此 产品 上 ， 会 有 这 样 的 现象 产生 ， 是 否 有 特殊 原因 等 等 。 把 市 场 调研 报告 
中 的 一 些 数据 、 竞 争 产品 的 用 户 数 据 加 入 到 分 类 当中 ， 能 让 用 户 分 类 在 客观 性 上 有 数据 支 
ite 


我 们 应 收集 的 数据 有 : 

。 市 场 研究 数据 

e 市 场 划分 模型 

© LKR HK OF RAGE 

e 利益 相关 者 提供 的 数据 





文献 & 桌 面 研究 





利益 相关 者 提供 数据 


市 场 划分 


更 客观 


4. 制 作 具 体 的 画像 ， 将 数据 用 图 标 可 视 化 出 来 进行 对 比 


e 用 【一 个 】 有 具体 的 人 来 代表 某 一 分 类 用 户 ， 这 个 人 需要 非常 具体 化 ， 有 昌 实 的 照片 、 姓 
名 、 年 龄 、 性 格 特 征 、 财 务 状况 等 等 ， 把 结构 化 信息 中 最 重要 的 几 个 纬度 摘出 来 ， 成 为 
一 个 完成 的 persona ; 

e 用 雷达 图 、 曲 线 图 、 柱 状 图 等 图 标 将 一 些 可 数据 化 的 信息 展现 出 来 ， 并 且 给 persona 打 上 
一 些 标签 ， 如 :“ 消 费力 强劲 的 白领 ”; 


5. 展 开行 为 描述 ， 使 用 辅助 工具 


第 四 步 的 信息 能 让 人 很 快 了 解 一 个 persona 代 表 的 是 哪 类 群体 ， 他 们 最 显著 的 特征 是 什么 ， 而 
要 把 这 个 persona 完 完全 全 地 展示 出 来 ， 就 需要 一 些 更 具体 的 叙述 ， 可 以 用 以 下 方式 进行 描 
i: 

© 从 采访 中 提炼 的 一 个 生动 的 故事 ， 可 以 带 有 一 些 虚 构 的 成 份 ; 

e 一 些 和 persona 相 关 性 的 拼 贴 画 ， 表 现 TA 的 所 看 所 听 所 想 所 讲 ; 


6. 指 定 主 persona 
在 详细 了 解 了 各 个 persona 之 后 ， 我 们 需要 选 定 1-2 类 作为 我 们 的 设计 目标 人 群 ， 并 未 他 们 排 
列 优先 级 ， 可 以 用 以 下 纬度 来 排列 : 


e 首要 persona 
e 次 要 persona 
e 补充 persona 


faz2Persona 


白领 












补充 Persona 


家 庭 主妇 






7. 将 其 他 角色 的 目标 写 出 来 
以 下 这 些 人 群 的 的 目标 ， 也 会 作为 产品 设计 的 参考 方向 : 


e 顾客 目标 : 顾客 在 花 钱 时 ， 想 要 达到 的 是 什么 目标 ， 如 安全 目标 、 愉 悦目 标 、 教 育 目标 


等 。 
。 决策 者 目标 : 决策 者 做 这 个 产品 ， 最 终 为 了 什么 目标 ， 如 利润 、 市 场 占有 率 、 资 源 利用 
率 等 ; 
e 技术 目标 : 技术 人 员 在 实现 产品 时 需要 保证 的 目标 : 如 安全 性 、 数 据 真 实 性 、 跨 平台 统 
一 性 等 。 
persona 的 好 处 
1. 与 所 有 人 目标 一 致 : 


如 果 你 是 乙方 ， 只 要 甲 方 客户 认可 了 这 个 persona， 就 可 以 避免 他 们 以 自己 的 喜好 来 判断 设 
计 ， 让 他 们 清楚 我 们 并 不 是 为 他 们 设计 ， 而 是 在 为 用 户 设计 。 在 功能 入 口上 、 架 构 交 互 上 、 
视觉 上 都 首先 满足 主 persona 的 需要 和 喜好 。 


值得 注意 的 是 ， 我 们 虽然 优先 满足 主 persona 的 需求 ， 但 并 不 是 一 味 损害 其 他 用 户 的 体验 ， 主 
persona 需 要 达到 “良好 而 惊喜 的 体验 ”"， 次 要 的 persona 需 求 也 应 确保 "能 顺畅 使 用 ”。 


2. 作 为 沟通 工具 也 十 分 有 效 : 


在 没有 persona 之 前 ， 程 序 员 、 设 计 师 、 产 品 经 理 很 容易 把 用 户 作为 任何 一 个 普通 人 去 考虑 ， 
甚至 很 多 时 候 是 从 自己 的 需求 出 发 ， 但 是 事实 上 他 们 并 不 是 目标 用 户 ， 目 标 用 户 也 通常 不 是 
随 随 便便 一 个 普通 人 ， 他 们 有 自己 的 特点 和 需求 。 


我 们 必须 把 调研 得 出 的 persona 引 入 设计 中 ， 而 不 是 做 完 之 后 把 它 丢 在 一 边 。 例 如 在 我 们 一 个 
国外 项 目 中 ， 主 persona 是 一 个 叫做 sofia 的 女 分 析 师 ， 大 家 要 谈论 用 户 的 时 候 ， 从 来 不 直接 
HMP” 而 是 以 “sofia” 来 代替 。 这 样 做 的 好 处 是 让 团队 里 的 每 一 个 成 员 ， 不 得 不 对 角色 的 特 
征 了 然 于 心 ， 所 有 人 必须 像 了 解 你 身边 的 一 个 朋友 一 样 了 解 persona， 这 一 点 非常 重要 。 


3. 提 高 设计 验证 效率 : 

当 我 们 把 低 保证 原型 做 出 来 之 后 ， 可 根据 persona 快 速 验证 方案 ， 为 设计 师 提 供 了 客观 的 优化 
依据 。 虽 然 这 种 方式 比 不 上 申 实 的 用 户 测试 ， 但 能 更 快速 更 低 成 本 。 

值得 注意 的 事 

用 户 画 像 不 等 于 市 场 的 人 群 划 分 


在 我 们 做 调研 的 过 程 中 ， 常 分 不 清楚 用 户 调 研 与 市 场 调研 的 关系 ， 因 为 大 家 好 像 都 要 基础 用 
户 做 分 类 。 其 实 他 们 最 大 的 区 别 在 于 用 户 画 像 是 以 用 户 行为 和 动机 分 类 ， 而 市 场 的 人 群 划 分 
则 是 根据 统计 数据 、 购 买 行为 来 分 类 。 很 少 会 出 现 市 场 划分 人 群 和 用 户 画像 一 一 对 应 的 关 
系 。 但 是 市 场 分 析 缺 可 以 作为 过 滤器 来 锁定 我 们 索要 采访 和 分 类 的 人 群 范围 ; 而 用 户 画 像 和 
可 以 为 市 场 的 人 群 分 类 提供 方向 性 的 建议 。 


体验 地 图 


用 户 体验 地 图 


我 曾 看 到 很 多 设计 师 设计 技法 非常 娴熟 ， 能 用 ps 画 出 超 写实 的 图 标 ， 把 app 设 计 得 花枝 乱 蹄 ， 
在 dribbble 上 混 得 风 生 水 起 。 但 是 当 他 去 show 设 计时 ， 却 常常 败 下 阵 来 ， 原 因 有 很 多 : 不 了 解 
站 实 用 户 、 没 有 数据 的 支持 、 不 清楚 产品 目标 、 经 验 不 足 等 等 。 总 的 来 说 : 无 法 说 一 个 好 故 
事 。 


本 篇 要 讲 的 用 户 体验 地 图 ， 就 是 帮助 设计 师 讲 故事 的 工具 。 
端 到 端的 信息 图 


下 面 用 这 张 图 精确 地 描述 用 户 体验 地 图 包括 什么 内 容 : 
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可 见 ， 用 户 体验 地 图 是 一 个 呈现 【 端 到 端 用 户 体验 流程 的 视觉 化 信息 图 】， 以 用 户 视角 为 出 
发 ， 用 视觉 化 的 语言 来 描述 : 


e 一 个 好 的 故事 (用户 所 看 、 所 听 、 所 想 …) 
e 一 个 支撑 产品 的 后 台 系 统 
e 新 的 设计 机 会 
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1. 一 个 好 的 故事 


用 户 体 验 地 图 通常 和 persona 在 一 起 使 用 ， 共 同 讲 一 个 生动 的 故事 。persona 是 这 个 故事 的 主 
人 和 丛 ， 而 用 户 体 验 地 图 负责 展现 这 个 故事 的 开始 、 过 程 、 高 潮 、 结 尾 ， 表 达 用 户 在 流程 中 所 

展现 出 来 的 态度 和 情绪 。 和 persona 一 样 ， 帮 助 梳理 用 户 调研 的 信息 、 使 内 部 利益 相关 者 基于 
共同 的 知识 背景 讨论 问题 。 如 果 persona 是 一 个 点 ， 那 用 户 体 验 地 图 就 是 一 条 线 。 


故事 的 内 容 : 


e 用 户 旅程 的 每 个 阶段 
。 用 户 每 一 步 索要 达到 的 目的 
。 用 户 每 一 步 的 情绪 态度 


"CAN SOMEONE 
HELP ME?" 


=m happy about my 
woul 


+ Would a friend like this 
product? 


THINKING 


+ Excited, but a little + Worrying about money i = In the mood to spend : + Satisfied 
anxious E 


Wants to consult friends HEN H lieve. * Ready to refer friends 
* Unsure and family for advice L and family to service 


* Excited to own + Impressed 
+ Ready to get started ig bri 9 


nd new 


ce 
5 
d 
m 
m 
E. 


* Browsing the internet. * Reading horror story pu perenne with sales * Driving to brick-and- RE + Using the ro product on 
* Comparing experiences reviews enne H d monu store to buy {+ Writing rave reviews OL eun 
with friends and family + Watching commercials d * Sharing information about H online. . eta) friends and 
H t 


urchase via social 
* Doing background + Reading advertisements ub 
research 





2. 一 个 支撑 产品 的 后 台 系 统 


如 果 作为 一 个 新 的 产品 ， 我 们 不 用 太 在 意 后 台 系 统 ， 因 为 新 产品 需要 大 量 的 试 错 ， 太 时 考虑 

后 台 系 统 会 浪费 很 多 资源 。 eee eee 、 需 要 持续 运营 的 产品 ， 后 台 系 统 将 会 
ae eer © 。 就 像 搭 一 座 桥 ， 好 的 故事 是 桥 面 ， 好 的 后 台 系 统 是 桥 柱 
子 ， 支 撑 桥 面 正常 使 用 。 在 腾讯 工作 时 ， 一 些 to C 的 产品 通常 是 没有 后 人 台 系 统 的 ， 所 以 当 我 
们 进行 一 些 数据 收集 的 时 候 ， 需 要 开发 人 员 大量 导 出 数据 ， 再 靠 运 营 同 事 手 动 加 工 成 报表 ， 
从 提出 需要 到 拿 到 数据 再 到 视觉 化 呈现 ， 需 要 好 几 天 的 时 间 。 这 种 方式 很 大 程度 浪费 了 资源 
和 时 间 ， 且 有 一 定 的 出 错 率 ， 对 于 一 个 可 持续 产品 来 说 效率 很 低 。 





所 以 ， 当 我 们 面 对 一 个 可 持续 运营 的 产品 时 ， 就 必须 把 它 的 后 台 系 统考 虑 进去 。 例 如 ， 大 众 
点 评 是 一 个 2C 的 产品 ， 大 家 看 得 到 的 是 一 个 漂亮 的 app， 看 不 到 的 是 背后 有 一 个 强大 的 商家 
门户 平台 ， 提 供 入 口 让 商家 上 传 门店 信息 、 图 片 、 运 营 活动 等 。 
我 们 希望 将 后 台 系 统 尽早 地 考虑 在 User journey map 里 面 ， 帮 助 预 估 产品 的 资源 和 工作 量 。 
后 台 系 统 内 容 : 

。 与 用 户 发 生 交互 的 企业 内 部 角色 ， 如 销售 、 电 话 中 心 等 

e 与 用 户 发 生 交互 的 企业 内 部 系统 ， 如 email、 网 站 、app、 电 话 等 

e 每 一 步 所 涉及 的 后 人 台 系 统 的 所 需要 的 操作 步骤 ， 如 : 创建 用 户 、 发 送 email、 发 送 提醒 、 

打 电 话 、 更 新 信息 等 


。 使 用 后 台 系 统 的 内 部 角色 IIT dS HAT 
© 需要 关联 的 系统 : 邮件 系统 、CRM、SAP 等 
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可 见 内 部 系统 是 一 个 比 C 端 产品 复杂 得 多 的 产品 ， 它 更 多 考验 的 是 产品 经 理 、 设 计 师 的 逻辑 能 
力 和 需求 梳理 能 力 ， 做 好 系统 能 够 建立 一 个 良好 的 企业 生态 系统 ， 释 放 如 财务 、 运 营 、 接 线 
员 这 样 的 人 力 。 


3. 新 的 设计 机 会 


这 里 的 设计 机 指 的 是 我 们 针对 体验 地 图 中 用 户 情绪 、 心 态 比 较 负 面 的 情况 ， 提 出 的 改善 建 
议 。 同 时 ， 考 虑 到 改善 建议 背后 所 需要 的 资源 ， 让 建议 得 到 合理 地 评估 。 


新 设计 内 容 : 


e 每 一 步 能 够 挖 气 的 设计 机 会 点 

e 每 一 步 想 要 影响 用 户 情绪 、 行 为 产生 的 改变 

© 每 一 步 所 需 的 资源 《人 、 资 金 、 物 资 ) 

e 试 着 画 出 新 的 流程 ， 把 用 户 行为 放 进 去 ， 看 看 是 否 能 产生 一 些 好 的 变化 

e. 试 着 用 一 句 话 来 表达 你 想 要 做 的 体验 提升 : 如 果 我 们 创造 ... 将 解决 什么 问题 ,.. 做 这 些 需 
RARA... 
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4. 新 的 商业 价值 


作为 商业 产品 ， 一 切 将 会 以 * 钱 "来 衡量 最 终 的 成 效 ， 所 以 ， 如 果 你 的 建议 能 够 直接 指向 开源 节 
流 、 新 广告 盈利 的 话 ， 就 能 帮 企 业 创造 价值 。 


案例 : XXXX 是 一 个 为 如 家 、 莫 泰 提供 wifi 硬件 设备 和 软件 服务 的 公司 ， 公 司 内 部 的 呼叫 中 心 
为 这 些 快捷 酒店 解决 软 硬 件 故 障 问 题 。 通 过 调查 发 现 ， 来 电报 修 的 远程 关 单 率 为 90%， 意 思 
是 : 90% 的 保修 ， 都 能 通过 接线 员 远 程 指导 来 解决 ， 而 且 很 多 问题 的 解决 手法 又 都 是 类 似 
的 ， 如 重启 、 未 连接 XX 系统 、 账 号 错误 等 。 所 以 ， bis ib ie 
È”: 让 店 长 、 店 员 在 打 电 话 之 前 ， 通 过 选择 题 对 问题 进行 定位 ， 系 统 自动 提供 解决 方案 ， 从 
而 减少 来 电 保修 数量 。 这 个 公司 每 天 的 接 电 话 率 大 概 在 1000 个 左右 ， 如 果 能 让 远程 关 单 率 从 
90% 下 降 到 80%， 就 能 减少 100 个 来 电 。 接 线 员 每 人 每 天 的 接 电话 个 数 是 45-50， 每 天 减少 100 
个 电话 ， 就 相当 于 释放 2 个 人 力 。 


我 们 在 提出 建议 时 ， 应 考虑 到 背后 的 商业 价值 ， 让 它 成 为 老板 改进 产品 的 动力 。 如 : 


。 呼叫 中 心 的 电话 减少 数量 X 单 次 通话 的 费用 一 每 个 月 /年 减少 话费 
。 新 增 用 户 X 每 个 用 户 平均 的 利益 贡献 度 二 增加 的 收入 
e 新 增产 品 的 广告 次 数 x 广 告 的 单价 二 增加 的 收入 


如 何 制作 用 户 体 验 地 图 
制作 用 户 体 验 地 图 的 方式 和 任何 做 设计 的 方式 一 样 : 猜想 -验证 -实施 。 


1.mini user journey map workshop 


体验 地 图 


在 进行 进一步 地 调研 之 前 ， 这 个 Workshop 的 产 出 物 是 一 个 简 版 的 User journey map， 是 基于 
Z 品 经 理 、 设 计 师 、 市 场 人 员 自 己 的 经 验 和 知识 背景 得 出 的 。 需 要 基于 之 前 得 出 的 persona 和 
产品 所 产生 的 数据 ， 这 一 过 程 更 倾向 于 定量 。 这 样 一 是 能 跟 验 证 阶段 的 产 出 成 果 进 行 很 好 地 


对 比 ， 二 是 能 让 我 们 更 有 针对 性 地 挖 气 问 题 。 

步骤 流程 : 

1.3& 38 APPR: 这 里 的 颗粒 度 不 必 太 细 ， 但 是 要 把 行为 的 阶段 性 体现 出 来 。2. 加 入 态度 : 
在 每 一 步 标注 出 他 们 的 态度 ,如 :高 兴 、 无 感 、 低 落 


STAGE 





1 
1 
1 
1 
1 
1 
DOING 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
THINKING | 
1 
1 
1 
1 
1 


FEELING 


2. 探 索 验 证 


这 一 步 所 要 做 的 事情 ， 是 拿 着 之 前 的 mini user journey map HZ) LK HR PACH > HR 
用 的 方法 可 参考 用 户 访谈 ， 只 不 过 更 倾向 于 把 流程 中 的 每 一 步 展 开 来 进行 更 深入 的 调研 ， 提 


取 用 户 每 一 步 的 感受 、 目 标 。 可 以 采用 但 不 限于 以 下 几 种 方式 : 


e 电话 访谈 
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体验 地 图 


3. 


E 
B 


e BAR AL 


e 用 户 日 志 
e 面谈 


用 户 旅程 图 workshop 


验证 完 猜想 之 后 ， 需 要 组 织 一 次 workshop， 这 次 需要 全 部 利益 相关 者 一 起 构建 完整 流程 
、 同 时 达到 同步 信息 、 发 现 项 目 机 会 点 的 目的 。 


这 里 就 不 做 殴 述 ， 把 之 前 的 信息 集合 起 来 ， 为 大 家 展示 一 张 完整 的 用 户 体验 地 图 : 
ee. Customer Experience Map — 


SUNRUN GUIDING PRINCIPLES (aspirational) 





CUSTOMER JOURNEY 


SUPPORTIN 
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Starting Points: Cussemen mm start thes sole journey mith one er mare of he teu pares below Sites Rep oom teren ome 


Interest & Research Educating & Buying Installing & Learning 
E 


E = i" (t L) ba i 


^ 
A atun 
= 
be 


Customer am | nee 


Initiated . | Customer 


Portal 


(8) 


ned m meret perma 








SUNRUN OPPORTUNITIES 

Global c annin, allin; LI LU ing Customer 

Convert customers to Sunrun advocates. Comsintent and engaging marketing material Make promises we can deliver. Aeassure customers on longevity of system ditabhah Senrun ai a customer service leader. 
statin Sarre as a reputable lander in volar energy Emphasize competitive savings and superior service Kncwarage customer referrals Underscore energy savings Mh cem energy vorige 
increase awareness and beowledge about selar pomer us sunun at à company te trust Dm ‘amiens construction experience, ramparent tates Encourage cuatomer referrals 


几 种 地 图 介绍 


EÈ 
地 


面 所 介绍 的 是 其 中 一 种 比较 通用 的 用 户 体验 地 图 ， 接 下 来 介绍 5 种 其 他 不 同类 型 的 用 户 体验 
图 o 


1.46 45 A 


Nu» & 


a 


P 


~ 


是 一 个 乘 飞 机 去 纽约 的 用 户 体 验 地 图 。 中 间 圆 用 来 描述 persona， 外 面 的 圆 被 分 为 三 个 步骤 
别 描述 出 发 前 、 旅 程 中 、 达 到 后 每 一 步 的 用 户 行为 和 情绪 。 这 类 型 的 图 简单 高 效 ， 但 是 不 
易 把 问题 描述 得 全 面 ， 适 用 于 业务 简单 的 产品 。 


4A 


. fecelve tickets. 
® book tickets 
Contact travel "ee. 
i A 
Á 
(roe! reconfirm flights bac! 
get to LEGO fresh © 


Wariver checks into hotel for me © | 


i D 


business lounge for shower Q 
® customs fast met 
luggage col à / 
Opassport & immigration fast tr © 
short walk in airport > 


2. 标 准 体验 地 图 


O take off 


Qm - wide comfy seats ® 


人 eedvwor in quiet with internet connection 


e watch a movie 
( Q: e of mealtimes 
in fold-out beds 


disembark - reserve "th 


Use the Experience Icons: 
for return flight © di 


© How can this be a positive 
experience? 


© Make or break moment - 
what can we do to make 
sure consumers come back 
time and time again 


® Where do we need data to 
help deliver the experience? 





这 是 一 个 标准 的 用 户 体验 地 图 ， 讲 的 是 一 个 金融 经 理 如 何 通 过 产品 改变 了 之 前 的 行为 意识 ， 


以 及 产品 如 何 影 
们 决定 哪些 体验 流程 是 我 们 想 要 改变 的 。 


ie 


Genre gamer / 


Experience map v 1.0 





1. Past experiences 








"I'd like to play 
strategy games 
again * 


"I used to hod fun 
thinking & making 
strategies ” 


Thinking 


“I miss my video 


game playing Tuih I hod 


more free time * 


Organizes nis 


Traits & Motivators: 


“Heed wert, makes a let of extra hours 
= Lone exocutvo work 


Feeling 


and don't lose time ^ 


响 他 做 决策 。 这 张 图 里 面 最 关注 的 是 人 的 行为 、 目 标 、 习 惯 、 动 机 ， 帮 助 我 


2.Awareness 3. Choose 
* I knows the "the ratings. 
kind ofgames! || "Cool icon! are important to 
like * m" 


* Mmm ... this looks 
interesting ..." 


* sometimes reviews 
eu be interesting to 
reod” 


- Advertisement - Barrer / Trailer 


— Game review - News site / Blog 


1O 


gg 


contest -a Editorial teatar - Store Moon o mind up 
Check he T. 
stars rating price 
~ Friend - Wo M. 1 in-game irte 
QCuriosty | Abi ol Indecision / 
rerest Uncertainty odit Deception 


体验 地 图 


3. 典 型 


RES 


iX 


呈现 
强 ? 优点 是 

















Hem. 
this will take. 


not sure how long 


` 


ZP 


looks interesting, 


Oops! signed in at the wrong 


place, 


4. 偏 重 设 计 机 会 


这 类 地 


es 


Rail Europe Experience Map 


图 把 定性 


Guiding Principles 





Customer Journey 


STAGES 


DONG 


Research destinations, routes and products 





旅程 图 


Oops! Signed in at wrong place, 


CHE JE RER 


stoner Chat tke the 
personal greeting 






Y Chat: Hike that 
is there in case i have 


48% of customers 
responded it was easy to enter 
Their personal information. 
online. 


Chat/Data Entry 








tomer domt 
‘understand that response 








That response 
really anvwer my 
question, 





wstomer Chat: Only 38% of. 
customers responded that the. 
answers they received from the 
‘chat pro were easy to 
understand and follow 


my Hem not sure where. 
Fma 





的 体验 地 图 


量 的 调研 过 程 详细 地 展现 出 


Enter tips Review fares 


‘Select passes) 





my documents wasn't an 











Not sure what to fax and who is 
receiving my documents. 


1 wonder if my return is accurate 
and if entered my information 
comectly, 


tm anxious to find out how 
much 1 owe or iF get a refund. 


3 larger 


Gontern 
itinerary 


Delvey Payment 
options options 


Review 3 
confirm, 


这 种 地 图 的 劣势 是 
类 用 户 进行 深 


入 调研 o 


during 








n E oU ares CAE nan 
> 帮助 我 们 发 现 商 业 机 会 和 挑战 。 


能 覆盖 到 全 部 用 户 并 且 主 观 性 较 


assurance I needed 
ve phone meeting that 


1 received the exact calculations 
that the pro used to determine 
the amount owed or refunded. 


74% of customers rated the 
phone meeting as a positive 
experience. 


59% of customers rated the 
expertise/knowledge of the tax 
pro in the Excellent range. 


675 of customers rated all of 


their 
di 





iuestions were answered 
ing the phone meeting in the 


Excellent range. 










Twonder if they got my fax. 


Only 35% of customers 
responded that they received 
tax advice pla 

the phone meet 


Do | need to be near my 
computer for the phone. 
meeting? 


Tv not sure wh 
the phone mee 





lo expect for 








o. 


I wonder if the pro will phone at 
the exact appointment time. 


Oo | have everything I need for 
the phone meeting? 


build their tr 


Wait for paper tickets to arrive 





—- 
OF 


arrive in mail 


ing communicating 
pro over the phone 
regarding my tax docs. 


{would have liked to receive 
ps and future planning advice. 


Phone Meeting 





Approval 


When will i hear from the pro 





What's the timeframe for 


completion? 


来 ， 最 关注 的 是 在 过 


er time 


Actives, unexpected changes 





ya 

Em. «0... 

mu wo enm 

times Arrange aches 
travel 


Finish/E-File 





e printed everything out, but 
do | need to mail anything to 
the government? 





t FE PRIM AY 30 PUI VLA 


iia SURE SONS 5 i iin SUUM 


Share experience 
Follow-up on refunds for booking changes 








THINKING. 


‘+ What is the easiest way to get around Europe? 
Where do | want o go? 

‘= How much timo should Uwe spendin each 
place for ste seeing and actes? 


* Ivant 1o got the best pice bu Fm wing to pay a 
fn moe or frt ts 

* Hou much wil my what tip cost me? What are my. 
d 

+= Ara thers thor scien can add o my piar? 


* Do | have althe tickets, passes and reservations 
I need inthis booking $01 don't pay more 
shipping? 

‘+ Rall Europe s not answering the phone. How 
else can | get my question answered? 


* Do I have everything | need? 
li Europe website was easy and friendly, but 

when an issue came up. | couldnt get help. 

‘What will do it my tickets don't arrive in time? 





* I just figured we coud grab a train but there are 
rot mero rans, What can wo do now? 

= Am Lon the ight tran? Hf not, what net? 

"I want to make more travel pans. How do | 
oo that? 


* Ting to return ticket I was not abie to use. Not 
“sura fh gat a rotund or not, 

* People are going to love thasa photos! 

+ Next time, we wil explore routes and evasit 
more caretly 








FEELING 








m excited to go o Europe! 

WI be abie to sae everything | can? 
* Whatit can’ afiord this? 

I don't want to maka the wrong choice, 











* ta hard to trust ro As Everyone is 
so naga. 

= Keping track of al the diferent products 
‘s contusna 

* Am sures i the mp I want to teks? 


+ Webate experienco i easy and fey! 

* Frustrated to not know sooner about which 
tickets are eTickets and which are paper tickets, 
Not sure my tickets wll arive in tma. 











* Stressed that m about to leave the country 
‘and Rall Europe won't answer the phone. 

‘+ Frustrated that Pail Europe won't ship tckots 
to Europe. 

* Happy to receive my tickets in the mail 











+ Lam teeing wnerable to bein an unknown place 
tha mid cf then. 

‘Sosa hat he ta won tane on tne tor my 

+ Nostro people who want o sho us around is tun, 
Sendiplous and speci, 








* Excited to share my vacation story with 
my fiends, 

* A bit annoyed to ba deaing with ticket rafund 
issues when | just got home. 








‘Support people in creating their 


Opportunities 
55 em 
Communicate a clear Help people get the help 
value proposition, they need. 
STAGE ima wat S75 Gaoa 
Make your customers into better, Engage in social media with 
more savvy travelers. explicit purposes. 
SHOES: ltt SHR; cal 

adaptive path 

ca 


— 


= 一 


Enable people to plan overtime. Visualize the trip for planning Arm customers with information Improve the paper ticket 
and booking. for making decisions. experience. 

STAGES: Pormrg Shopng ‘STAGES: Parring, Shappng STAGES: Snoring. Booking STAGES: Post Booking, Tava Post- Travel 

Connect planning, shoppingand Aggregate shipping with a Proactively help people deal 

booking on the web. reasonable timeline. with change. 

STAGES: Panra Shona Bosing STAGE: Booking ‘STAGES: Post Booka. Tavira 


Information | » Stakeholder interviews: 
‘sources | + Cognitive walkthroughs 


» Customer Experience Survey 
+ Existing Rall Europe Documentation 





Experience Map for Rail Europe | August 2011 


PLANNING, SHOPPING, BOOKING em—sá——]wssmÁ——ÓÀwmp POST- SOOK, TRAVEL, POST-TRAVEL ss 


‘Accommodate planning and 
‘booking in Europe too. 


STAGE: Tavelng 


Communicate status clearly at 
ali times. 


STAGES: Fot-Bookng, Post Tava 


Non tne tut 
time masod 


Lens 


Journey 
Model 


Qualitative 


Insights 


Quantitative 
Informatioin 


Takeaways 
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体验 地 





5. 综 合体 验 地 图 


d 


这 种 选取 了 四 类 用 户 综 


的 类 型 、 痛 点 类 型 和 机 会 类 型 


o 


详细 描述 了 他 们 的 活动 行为 和 接触 点 ， 在 一 张 


Customer Experience Map: Completing a tax return for the first time using the online channel (current state) 


NB:Ths map is based on the data of a single customer.. No knowledge of how the Tox Office operates is included in this map because this map is just a component of one service designers go at a ‘cose study’ comprising "esearch into map" inta'touehpoint redesign’ : ) 





This map is a representation of the current experience of a customer completing a tax return in Australia using the ‘online’ facility. e-tax The journey itself begins at the point of realisation that some action may need to be taken, It ends at the point of confirmation (refund made, bill pay- 
ment actioned). This map is not about the e-tax experience itself, this map is captures the beginning, middle and end as they engage a service to achieve their goal, showing the range of tangible and quantitative interactions, triggers and touchpoints, as well as the intangible and qualitative 


motivations, frustrations and meanings. 


REALISE 


“I might need to do something" 


DETERMINE 


“I need to check out whether 
1 have do something” 


Experience Trigger 


* End of the Financial Year 
* Change in income circumstances 


“| need to get some 
facts about what | 
personally need 





Information and stimuli from to do" 


disparate sources occurs: 





ty/Interactions 


Customer Type 


Regulatory & Technology Savvy 


Locate the relevant generic inform: 


4 09 


Comprehend meaning for 
my specific situation 


: l 


Transition point: 





EN 
“ty Employer has given 
mea PAYG record - | 
guess | may need to do 

something. 









Circumstances 

* New co the country and therefore 
new to the country’s tax and 
financial systems. 

* Simple tax profile - just earnings 
































* Some return Sling experience a Rs =e From seeking information to 
“Tax Packs’ outside Í committed action for resolution 
Biggest P. newsagents on my way \ 
Nor being dear about what to do, eo work Wonder hae : Z yN 
that’ about” co 
how to do it, how long it will take, — —À Foires ah 
and what the implications of making a | el ee 
need to do | | Tax Return, but | can 





mistake are do it in a bunch of 

ways.Tex makes me 
uncomfortable so 
want to proceed 
in the way closest 
to how I deal with 
her financial things 


anything. 
this year” 











Enironment 
Expectations 

It wont be casy but clear assump- 

tions that the technology will be 


+ 
"My sister-in-law is 
gettinga refund of $2 
intuitive and aid in efficient process 
resolution, = Q 





fm hoping to get enough 

Other Potentially Simitar to buy a new phone! 

Customer Types 

- New to earning income. 

* New to doing something in the 
regulatory environment 

















> Bei 
Eo ; 
2 rig ee es Relacively straightfor- 
1 Gee ward information — bit 
the radar ERES 
Map ke E vin de i 
Service Elements E : x 
E i : 
© Prine of Deighe wore wey © : Don't know oxi 
9 but know] do hare. 
© ono © to do something. 
Touchpoint Type s £95 
i D 5 : 
Interact (person2person) 2 + google.com to search 'part- + google.com to search 'do | have to file 
E NY erreen do lkae $ e fenm 
o Transact (progress process) o I file a tax return’ * atogovau:'DoYou Need to File a Tax 
 atogovau Return! section 
@ Corte (process reassurance) B. ere R @ 
£ ve 
U Australi 
Time 3 
(S) Time Spent (positive) E * PAYG earnings summary ap : 





(R) Time len nere 


Mol Edwards : November 201 | 


Employer provides payslip, 
PAYG summary 
Colleagues. friends oD 


what to do 


* Employer to ask what to do 
* Colleagues to ask what to do 


o 





FL pai 


aN 


工具 网 站 推荐 


， 给 大 家 推荐 一 些 


最 后 


e https://www.smaply.com/ 
e https://uxpressia.com/ 





























CHOOSE PREPARE 
“I need to work out how “I have everything | need to 
I'll do this” complete this” 





Í Locate the relevant information 
and materials (based on my choice) 
* paperwork - PAYG, 

bank account details 


"Which one do | 
‘want to do! Which 





* computer 
Make appropriate choices for: OD 
1. Eligibility — repeated form of “do | * passwords 





^ e-tax software downloaded 


Ensure conditons are appropriate. 


for the task 
* physical space 


need to do this?” 

;2 Means — What channel? How much 
time? How easy? How hard? Where can = 

io Ido this? 

73, Preparedness/Readiness -What 

do I need? Do I have ic? 


J * time available 

* internet connection 

* printer available, or 
ability to screen-print and save 


Y 


Locate the relevant. 


generic information. © 
Comprehend meaning for : 
my specific situation : 











“Dammit 
-Im 


Rn 


Consider my preferences 


Y 


Commit to preferred option È 


NY 


Learn enough detail to proceed Q 


E 





‘Transition point: 
From information seeking 
to transaction 


Value of time dependent on 
ability to comprehend, and (~ 
Team enough to proceed. 


& 


Realise this will 
take some time, 
and process 
assumes | have. 
financial and tax. 

knowledge. 


Focussed, but slightly 

anxious. Won't know | 

don't have something until 
T can't find ic, 


Unhappy, feel 
mislead. Realise | 
have to download 
i semething/or read 

130 page booklet. 





ato.comau: 3o 


* e-tax essentials 


Online banking - account details, tax 
information 
* eux Demo Superannuation online account details 


È + Tax Pack (PDF) 


‘Tax Fle Number (TFN) records 
PAYG earnings summary 
Payslips (just in case) 

‘Tax Pack booklet 





* Newsagent (for Tax Pack) 
= + Helpdesk for forgotten passwords to 
infrequently accessed accounts 

(eg. superannuation) 


e https://maps.touchpointdashboard.com 


一 个 查看 各 类 map 的 网 站 : 


e https://www.blankcanvas.io/ 


E 




















ENACT : 


“TIL complete this now" 


Ou O 


Comprehend 
(I think chis is what the E 
information is saying") i 


Consider | 


("Doss it apply to me?") 





as appropriate 


Commit z 
("I know there are legal 
implications to this decision") 


“Dammit 


- I'm missing/don'e have! 
doni understand X!” 





TIERS d 
of process for help! 


informationladvice 
from trusted sources 


Value of time dependent 
人 
consider, commit. 

Process long-winded, but software not, 
too difficile to use. just laborious 





I'm not sure how € 
Tense. Lots of much to trust 
the system,!'m £ 


comprehension : 
to ln of new. DEI arn 
Tanguage. thinglean : 


+ eta software 
* Password for e-tax 
+ eTax help screen 


+ PC 


* Printer B 


* Printed records - e-tax password, 
copies of complete records 


* Employer for guidance on process : 


* Colleague for guidance from previous = 
process experience 


能 快速 输出 用 户 体 验 地 图 的 工具 网 站 : 


© “tre done it...haven't I 








W> E Unfortunately process loops and have to 



















1* Online banking account statement. 


$+ Notice of Assessment fromATO [r] 


COMPLETE 
OPPORTUNITIES TO |M- 
PROVE/ENHANCE SERVICE 








© lise! is not a decision-making phase: 

its an awareness phase. It can last for 

months, and there is opportunity to 

turn realisation’ into action, e.g. 

+ PAYG notices could publish dead- 
lines for returns in the "Notice to 
Payee’ section. 

+ Provide key customer-type search 
terms, not just a generic address, 

+ Highlight lodge date on the Tex 
Pack outside newsagents, etc 


E29 


Result: Refund or Bill to Pay 


"Lodge Return’ as final step. 
in filing process.. 


shut down to exit the software. 


Y 


Wait share experience and hear 
'experiences of others. 
Helpful experiences, in hindsight. 


‘Determine’ phase could provide a 

simpler means for customer co choose 

how to proceed based on circum- 

stance, not on the lodging means, c.g. 

+ Prefer to manage the information? 
cx 

+ Simple tax profile? > telephone 

+ Complex affairs? > Tax agent 

















^l run a virtual machine 
on my Mac with win? just 
so | can download their 
“return.” | make sure | 
print everything...” 










“The tax bil was. These coulé be based on understand- 
huge so we went to. 
an accourtant - he 
picked up stuff we. 
never would've 
known about" 


ing of the types of customers (not 
types of returns or return vehicles). 


POINTS OF PAIN AND 
POSSIBLE MITIGATION 


Q9 deadline for filinga return needs 

to be more prominent. The tax year is 
highlighted, ut no action is required 
at 30 June, 31 October is the dace that 
should drive action. Leverage 









“ljust do 
the short 
return over 
he phone - 
its so easy" 





Refund -—, 


] Payment 
| arranged 


Y 


又 











received 





naccessibility of information (physically, 
and in comprehension) and inability ro 
turn information into meaningful action. 
The circuitous route to information 
does not build confidence in the proc- 
eas as very ttle consistently directs the 
customer re action; ths can feel ike a 
waste of time, Use of the Comprehend 
> Consider > Commit framework may 
help if Comprehend language is simple 
and customer-type specific, and Con- 
sider language is action-specific. 


Ive reached 
the end! 





lodge, but | don't 
know the outcome 
‘until I hear back 
from them, 


Final confirmation 
received, Next 
year will be differ 


een Too much choice and detail in buried 
ent but how? 


options can be missed and only real- 
ised at transaction stages, e.g, choose 
tax, only to discover can't do it with 
system set-up. Not enough direction 
provided (narrowing of choice for 
good) e if customer has ‘Never done 
this before’ a "Return Returnor' or 
"Done it before, but now l'm mere 
complex’ they all go through the 
process for choosing, Leverage 


* e-tax assessment screen 


@ 


Customer his too few cues as to where 
they are when moving through beth 
‘educational and transactional activity. 
This isn't heped by lite differentiation 
of screen layout (colour labels), 


POINTS OF DELIGHT 


Great to finally get started after wad- 
irg through information. Leverage 


* Colleague, friends reflecting on previ- 
ous return filing experience 


Great to finish. Consider how to 


leverage the end with positive set-up 
for next year 
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商业 画布 


“If you spend all your time looking at your competition,your product will look like your 
comprtition's ass” 


用 研 产 出 物 在 设计 中 的 作用 
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设计 


创意 的 产生 和 收敛 


头脑 风暴 被 视 为 一 种 激发 创意 的 方案 被 广泛 运用 。 在 公司 里 ， 断 地 接触 到 各 种 
各 样 的 头脑 风暴 : 可 能 是 自己 所 研发 的 产品 需要 新 的 功能 ， 可 能 是 其 他 产品 组 的 同事 需要 借 
你 的 "大脑" 来 想 想 新 方案 、 可 能 是 你 需要 为 客户 js 、 可 能 是 圣诞 
晚会 需要 想 节 目 创意 等 等 。 总 之 ， 头 脑 风暴 可 能 是 最 信 手 牛 来 、 使 用 最 频繁 的 创意 手法 之 


— o 


然而 ， 如 果 我 们 仔细 一 下 ， 那 些 头 脑 风暴 得 出 来 的 结论 以 及 最 后 运用 实际 场景 中 的 方案 ， 就 

会 发 现 ， 头 脑 风暴 的 效果 其 微 。 以 前 常常 经 历 的 头脑 风暴 是 这 样 的 : 上 午 突然 接 到 通知 说 下 

午 需 要 参加 一 个 关于 新 产品 的 头脑 风暴 ， 在 一 个 并 红 沉 沉 的 午睡 过 后 ， 来 到 一 个 会 议 室 ，4-6 
个 人 围 坐 在 一 个 圆桌 旁 ， 被 简单 告知 我 们 需要 想 下 一 个 产品 迭代 的 功能 创意 ， 每 个 人 需要 用 

10 分 钟 写 出 5-10 个 创意 ， 然 后 再 用 5-10 分 钟 把 创 LER 简单 图 形 表 达 出 来 ， 接 着 是 将 方案 Show 
给 大 家 看 ， 让 各 自 提出 一 些 改进 的 意见 ， 最 后 投票 选 出 最 好 的 方案 。 接 下 来 的 工作 全 部 交 给 

workshop 组 织 者 ， 他 会 把 最 好 的 方案 做 成 ppt 呈 现 给 boss， 让 boss 决 定 是 否 采 用 。 


个 过 程 中 ， 那 些 一 个 个 便利 贴 上 的 “创意 ”就 像 是 风 中 摇 旭 的 蜡烛 一 般 ， 面 临 着 一 次 次 被 熄 
res 


。 在 投票 的 过 程 中 ， 创 意 需 要 迎合 参与 者 的 喜好 ， 因 为 并 没有 制定 什么 参考 的 标准 


e 在 将 创意 制作 成 方案 的 过 程 中 ， 组 织 者 会 将 创意 根据 自己 的 想法 再 修改 一 次 ， 也 许 他 觉 
好 最 终 选 出 来 的 创意 不 可 能 被 通过 ， 于 是 自己 再 想 了 一 些 迎 合 boss 口 味 的 方案 
来 


Sy 


。 Ab DUK B OSTA REM ILAK SY o [8E 3X 3G] RH RAAF REI TRUE > He 
如 资金 、 资 源 、 团 队 、 时 间 等 等 ， 任 何 一 个 限制 条 件 都 e 


e boss 所 参考 的 决策 纬度 可 能 与 团队 不 一 致 ， 所 以 他 可 能 会 要 求 更 多 的 方案 ， 或 者 提出 一 
个 全 新 的 方案 ， 然 后 问 : 为 什么 你 们 没有 想到 这 个 ? 


e 等 到 实际 的 研发 过 程 中 ， 开 发 同事 突然 提出 一 些 顾虑 : 这 个 创意 太 超前 了 ， 在 时 间 范 转 
内 不 太 可 能 做 得 出 来 ， 或 者 即使 做 出 来 也 比较 粗糙 。 


所 以 ， 我 们 需要 再 重新 想 新 的 创意 再 一 次 次 过 兵 斩 将 地 向 上 汇报 ， 还 是 硬 着 头皮 加 班 加 点 地 
把 方案 做 出 来 呢 ? 


以 上 的 案例 足以 说 明 : 人 | 意 的 话 ， 最 后 会 变 成 耽误 产品 进 
程 、 降 低 工 作 效率 的 方法 。 我 们 可 能 意识 不 到 问题 所 在 ， 陶 醉 在 自己 伟大 的 创意 中 ， 并 且 认 
为 设计 师 就 需要 这 样 糯 然 旁 人 的 blingbiling 的 工作 方式 ， ， 将 满 墙 彩色 的 便利 贴 拍 成 照片 发 到 社 
交 网 络 ， 以 展现 设计 师 的 逼 格 所 在 。 


其 实 ， 设 计 师 最 大 的 障碍 不 是 别 的 ， 而 是 “理想 主义 "。 因 为 设计 毕竟 不 是 简单 的 个 人 行为 ， 只 
要 是 服务 于 目标 群体 ， 只 要 是 团队 协作 ， 只 要 是 商业 目的 的 产品 ， 都 不 应 该 体现 个 人 的 理想 
主义 ， 和 否则 会 陷入 不 切实 际 的 淡 涡 。 设 计 方 法 应 该 是 “逻辑 的 “系统 性 的 “科学 的 "。 

所 以 ， 头 脑 风暴 到 底 应 该 如 何 做 呢 ? 

我 们 先 看 看 头脑 风暴 可 以 产生 的 作用 : 

© 让 团队 对 将 来 要 做 的 产品 或 功能 有 深入 的 思考 和 了 解 

e 锻炼 团队 的 思考 问题 的 能 力 ， 跳 出 以 往 的 经 验 和 国有 的 思维 模式 

e 让 决策 者 与 团队 有 统一 的 认识 

© 从 头脑 风暴 中 得 出 有 切实 有 效 的 种 子 方案 

有 时 【得 出 创意 】 如 果 只 是 目的 之 一 ， 或 者 说 ， 最 终 的 创意 只 是 所 有 科学 过 程 的 一 个 自然 而 
然 的 结果 的 话 ， 我 们 就 更 需要 “科学 地 "看待 这 个 方法 。 

一 个 比较 体系 的 头脑 风暴 : 

1. 做 充足 的 准备 


e 知识 储备 : 参与 头脑 风暴 的 人 需要 对 所 要 解决 的 问题 的 知识 领域 有 所 了 解 ， 例 如 一 个 关 
于 提高 游泳 馆 淡 季 场 地 利用 率 的 工作 坊 ， 应 该 去 了 解 现 有 游泳 馆 的 基本 情况 ， 如 数量 
规模 、 运 营 模式 、 人 流量 、 经 营 状况 等 等 ， 如 果 有 条 件 的 话 ， 能 够 采访 一 些 场馆 经 营 
者 。 创 意 说 白 了 就 是 经 验 和 感知 ， 这 些 都 将 成 为 创意 来 源 的 材料 。 
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e 流程 准备 : 工作 坊 流程 应 该 被 事先 设计 好 ， 可 以 以 时 间 为 依据 ， 例 如 只 有 一 个 小 时 的 时 
间 ， 可 以 把 时 间 分 成 背景 介绍 、 过 程 、 评 估 方 案 等 若干 模块 ， 时 间 的 限制 可 以 帮助 你 决 
定 哪 些 复杂 的 环节 可 以 省 掉 或 者 简化 ; 可 以 以 目的 为 依据 ， 例 如 工作 坊 的 目的 是 产 出 大 
量 的 创意 ， 那 么 创意 的 环节 就 可 以 占用 2/3 以 上 的 时 间 ， 构 想 多 种 激发 创意 的 方式 。 


e 设备 准备 : 一 些 卡 片 、 若 干 便利 贴 、 一 个 拥有 和 轻松 和 氛围 的 会 议 室 、 需 要 把 会 议 室 的 桌子 
椅子 分 成 若干 组 ， 几 面 白 墙 或 者 白板 、 马 克 笔 、 大 白 纸 、 一 张 写 有 头脑 风暴 规则 的 海报 
等 等 。 

2. 邀 请 合适 的 人 
合适 的 人 指 的 是 拥有 专业 背景 的 人 、 项 目 相关 性 高 的 人 、 少 量 决策 者 和 少量 专家 、 邀 请 的 人 
尽量 覆盖 一 个 项 目的 各 种 角色 。 为 什么 是 少量 决策 者 和 专家 ， 因 为 这 些 人 可 能 会 影响 参与 者 
让 他 们 的 想法 有 所 保留 ， 觉 得 自己 的 想法 不 够 权威 而 不 敢 发 言 ， 但 是 决策 者 和 专家 又 是 不 可 
少 的 人 ， 因 为 他 们 能 够 给 出 一 些 限制 条 件 、 他 们 更 清楚 项 目的 背景 和 领域 知识 。 


3. 一 个 井然 有 序 的 workshop 


介绍 背景 : 这 些 环节 帮助 我 们 了 解 所 有 的 上 下 文 ， 对 工作 坊 的 产 出 至 关 重 要 ， 绝 对 不 可 
以 RA. 澄清 我 们 所 要 解决 的 问题 是 什么 ， 最 好 能 给 出 一 个 具体 的 例子 ， 让 参与 者 


了 解 他 们 所 想 出 的 解决 方案 能 够 对 问题 的 解决 带 来 哪些 好 处 。 把 问题 的 限制 条 件 、 优 势 

资源 和 目标 列 出 来 ， 比 如 项 目 资金 有 多 少 ， 时 间 范 围 、 技 术 限制 ， 可 以 利用 的 资源 有 哪 

boca o Ce dc aC d QE 目标 负责 人 是 
这 个 角色 在 公司 所 处 的 位 置 、 他 所 关注 的 事情 、 他 的 期 待 。 


组 织 过 程 : 介绍 流程 、 时 间 -- 工 作坊 有 几 个 环节 ， 每 个 环节 做 什么 ， 各 aaa 
在 白板 上 写 下 一 些 规 则 ， 或 者 事先 准备 好 写 有 规则 的 海报 ， 如 : ie 个 
案 、 不 事先 对 他 人 的 方案 进行 批判 、 在 时 间 范 围 内 尽量 多 地 写 出 方案 、 a 
案 时 保持 独立 不 相互 讨论 、 发 言 环节 一 次 只 称 述 一 个 方案 ..… 


分 组 : 把 参与 的 人 分 成 几 组 ， 每 一 组 3-5 个 人 ， 为 什么 是 这 个 人 数 呢 ? 因为 超过 5 人 的 小 
组 则 会 有 人 保持 安静 ， 少 于 3 个 人 的 小 组 则 可 能 会 较 突出 某 个 人 的 观点 ， 无 法 形成 客观 的 
讨论 E 

痛 点 发 散 : 让 参与 者 根据 之 前 的 调研 结果 或 者 经 验 在 便签 纸 上 写 出 用 户 的 痛 点 ， 例 如 : 
游泳 场馆 经 营 者 想 要 优化 场馆 的 运营 模式 ， 他 们 的 痛 点 在 于 : 游泳 池 安全 隐患 大 、 教 练 
的 流失 率 高 、 政 府 监 管 不 到 位 、 场 馆 淡季 利用 低 、 游 泳池 水 质 与 成 本 无 法 协调 等 。 每 个 
人 根据 自己 所 了 解 的 情况 或 者 所 处 的 位 置 写 出 痛 点 ， 注 意 提醒 参与 者 不 要 写 想象 的 痛 
点 ， 这 些 痛 点 会 分 散 注 意 力 ， 把 核心 问题 弱化 。 


痛 点 分 类 与 投票 : 主持 人 将 参与 者 所 写 的 痛 点 分 成 几 个 大 类 ， 向 所 有 人 展示 ， 统 一 大 家 
的 看 法 。 接 着 让 参与 者 投票 ， 决 定 哪 些 痛 点 是 接 下 来 最 需要 被 解决 的 。 在 投票 之 前 ， 应 
该 先 把 项 目的 限制 条 件 和 优势 资源 再 重复 一 遍 ， 让 大 家 知道 需要 根据 哪些 标准 来 判断 投 
票 给 哪些 问题 。 


细 化 痛 点 产生 的 原因 : 这 一 环节 至 关 重 要 ， 因 为 有 一 些 问 题 很 有 可 能 超出 了 我 们 能 解决 
的 范畴 ， 比 如 说 政府 监管 不 到 位 这 类 问题 ， 它 是 一 个 非常 痛 的 痛 点 ， 但 是 我 们 又 对 他 无 
能 为 力 ， 分 析 痛 点 背后 的 原因 帮助 我 们 了 解 它 是 否 是 一 个 “可 以 被 解决 的 问题 "*。 


a ee ee eh nt OR ete 
可 能 会 有 很 多 ， 有 一 些 原因 很 重要 ， 有 一 些 则 不 那么 重要 ， 在 提出 解决 方案 的 时 候 应 
o 、 可 解决 的 原因 出 发 。 


给 解决 方案 分 类 、 排 序 、 投 票 : 我 们 已 经 得 到 了 大 量 的 解决 方案 ， 我 们 可 以 将 解决 方案 
根据 物理 的 、 数 字 的 、 人 的 服务 等 纬度 来 分 类 ， 这 个 分 类 可 以 有 效 地 帮助 我 们 从 不 同 的 
角度 来 解决 问题 ， 因 为 在 很 多 老板 眼 里 ， 数 字 化 可 以 解决 一 切 问题 ， 动 不 动 就 要 做 一 个 

网 站 或 者 app， 但 是 事实 上 数字 化 只 是 众多 解决 方案 中 的 一 种 方式 ， 有 些 问题 我 们 用 人 来 
解决 可 能 是 更 好 。 例 如 机 场 的 流程 优化 ， 不 可 能 让 所 有 的 服务 都 数字 化 ， 墙 上 、 地 上 、 
都 在 提示 乘客 下 一 步 应 该 去 哪里 办 什么 手续 ， 合 理 的 方式 应 该 是 先 用 最 简单 的 物理 指示 
有 牌 引 导 乘 客 ， 然 后 用 数字 屏幕 来 帮助 他 们 找到 对 应 的 位 置 ， 最 后 如 果 还 有 疑问 ， 则 可 以 
到 咨询 太 询 问 服 务 员 。 这 样 就 是 物理 的 服务 、 数 字 的 服务 、 人 的 服务 三 种 方式 结合 起 
来 ， 保 证 能 效 最 大 化 、 减 少 浪费 。 


e 评估 方案 : 向 大 家 介绍 评估 方案 的 纬度 ， 根 据 这 些 纬度 来 给 每 个 解决 方案 打分 ， 例 如 : 
限制 条 件 、 资 源 优 势 、 新 颖 度 、 解 决 痛 点 的 程度 、 决 策 者 的 倾向 、 期 望 


~ 


© 优化 方案 : 得 分 最 高 的 方案 不 可 能 是 十 全 十 美的 ， 我 们 需要 列 出 这 个 方案 的 劣势 在 哪 
里 ， 如 果实 施 需要 哪些 条 件 ， 想 出 一 些 方案 帮助 我 们 把 创意 变 得 更 好 。 


e 结束 workshop : 结束 工作 坊 时 ， 留 下 一 些 问 题 给 大 家 思考 ， 这 样 的 好 处 在 于 能 让 参与 者 
对 问题 进行 深入 思考 ， 有 可 能 会 有 更 好 的 方案 在 会 后 被 挖 气 出来， 如 果 有 下 一 次 相关 问 
题 的 工作 坊 ， 这 次 的 遗留 问题 是 很 好 地 参考 资料 。 对 工作 坊 进 行 总 结 ， 主 持 人 陈述 工作 
坊 的 过 程 以 及 最 后 的 结论 ， 确 保 每 个 人 都 能 很 好 地 了 解 到 最 后 选 出 来 的 方案 以 及 背后 的 
参考 标准 。 对 工作 坊 本 身 的 优化 ， 让 大 家 提出 一 些 头脑 风暴 工作 坊 的 改进 意见 ， 以 便 下 
一 次 更 有 效率 。 


给 团队 充足 的 反馈 


创意 的 方案 有 可 能 被 决策 者 通过 或 反驳 ， 无 论 是 什么 结果 ， 都 应 该 第 一 时 间 反 馈 给 参与 者 。 
被 通过 的 ， 对 参与 者 是 一 种 莫大 的 激励 ; 没有 被 通过 的 方案 ， 参 与 者 也 可 以 从 中 知道 ， 哪 些 
因素 是 之 前 没有 考虑 到 的 ， 在 下 次 工作 坊 当 中 可 以 加 入 进去 。 


写 在 最 后 


sO， 一 个 看 起 来 有 和 系统、 考虑 周全 的 头脑 风暴 就 是 这 样 被 组 织 起 来 的 ， 为 什么 说 是 “看 起 
来 " 呢 ? 因为 每 一 个 有 效 的 工作 坊 都 是 需要 不 断 打磨 去 适应 实际 的 场景 、 人 和 环境 的 ， 每 个 人 
都 应 该 需要 根据 基本 原则 去 设计 属于 自己 的 头脑 风暴 工作 坊 。 


# 信息 架构 


我 们 盖 一 栋 大 楼 ， 需 要 花 几 个 月 的 时 间 来 画图 纸 、 测 量 、 计 算 ， 一 切 显得 非常 严 说。 其 实 做 
一 个 互联 网 产品 一 点 也 不 必 盖 一 栋 大 楼 简单 ， 但 是 通常 实际 情况 是 一 个 公司 的 老板 让 设计 

师 、 开 发 、 产 品 经 理 三 个 月 内 做 出 一 个 产品 ， 而 不 经 过 仔细 地 构建 ， 这 就 像 直 接 让 工人 盖 楼 
是 一 个 道理 。 也 许 他 们 有 能 力 直接 造 出 一 栋 平 房 ， 但 是 对 于 建 高 楼 大 厦 ， 则 是 一 件 不 可 能 完 
成 的 任务 


Pod te 息 架 构 ， 就 是 数字 信息 界 的 建筑 图 纸 ， 它 用 来 帮助 产品 来 搭建 最 初 的 结 
构 ， 这 个 结构 能 够 适应 将 来 填充 进来 的 内 容 ， 使 得 用 户 在 使 用 产品 时 能 够 快速 定位 、 了 寻找 、 
搜索 等 。 


如 何 定 义 信息 TON 架构 : 


e 产品 信息 内 容 的 结构 化 设计 、 有 效 编排 


e 是 标签 、 导 航 、 搜 索 的 结合 
e 它 既 是 艺术 的 也 是 科学 的 ， 它 设计 内 容 信 息 和 体验 ， 让 产品 具有 可 用 性 和 可 搜索 性 
© 是 从 设计 领域 和 建筑 学 领域 的 实践 中 借鉴 过 来 的 规范 


通俗 一 点 的 说 法 就 是 ， 信 息 架 构 是 帮助 用 户 明白 他 在 哪 ， 他 要 找 什 么 ， 周 围 有 什么 以 及 他 决 
定 要 做 什么 的 设计 。 


包括 几 方面 的 内 容 


分 类 和 构建 信息 

e 标签 系统 : 如 何 呈 现 信息 

© 导航 系统 : 如 何 通过 信息 来 浏览 或 者 操作 网 站 
e 搜索 系统 : 如 何 寻找 信息 


Gy 


想 要 做 一 个 好 的 信息 架构 设计 ， 我 们 必须 先 得 再 清楚 以 下 三 者 的 
内 容 和 关系 : 
e 产品 所 处 的 环境 : 商业 目标 、 资 金 、 政 策 、 文 化 、 技 术 、 资 源 、 限 制 等 


e 产品 所 包括 的 内 容 : 数据 类 型 、 产 品 体 量 大 小 、 现 有 的 产品 架构 等 
e 使 用 产品 的 用 户 : 用 户 是 谁 、 他 们 的 目标 和 需求 、 用 户 习 惯 等 


了 解 产品 的 五 个 层级 : 


表现 层 -框架 层 -结构 层 - 范 围 层 -战略 层 (HB) 


其 中 ， 这 五 个 层级 都 与 信息 架构 相关 ， 其 中 结构 层 和 框架 层 是 信息 架构 的 体现 ， 表 现 层 是 视 
觉 设计 的 体现 ， 范 围 层 是 数据 内 容 的 体现 ， 战 略 层 是 产品 目标 和 商业 目标 的 体现 。 这 五 个 层 
级 ， 从 下 往 上 产生 影响 : 含 的 内 容 范 围 ， 产 品 的 内 容 范 围 又 决定 了 
它 使 用 什么 层级 机 构 和 框架 ， 框 架 对 最 终 的 视觉 表现 产生 影响 。 


1. 战 略 层 : 


也 就 是 商业 策略 ， 始 终 离 不 开 钱 -- 不 是 帮 公司 赚钱 ， 就 是 替 公 司 省 钱 ， 我 们 可 以 参考 "商业 画 
布 " 那 一 章 来 制定 。 


2. 范 围 层 : 


这 里 包含 两 种 范围 ， 一 是 工作 的 范围 ， 一 个 是 产品 内 容 的 范围 。 工 作 的 范围 是 指 现 有 的 团队 
能 够 做 哪些 事情 ， 哪些 事 情 需 要 留 到 以 后 再 做 ， 和 包括 沟通 、 合 作 、 研 发 等 等 ; 产品 内 容 范 转 
是 指 产 品 上 线 需要 完成 的 全 部 工作 ， 和 包括 数据 、 内 容 文档 、 子 系统 等 等 。 完 成 范围 层 的 设计 
的 标准 是 ， 你 必须 有 一 份 内 容 清单 ， 并 且 对 清单 上 的 内 容 有 优先 级 的 排列 。 


3. 结 构 层 : 


这 一 层 主 要 是 对 所 确定 的 内 容 进 行 管理 、 分 类 、 排 序 ， 建 立 一 个 分 类 系统 ， 它 主要 有 两 种 模 
式 ， 一 种 是 由 上 而 下 的 分 类 方法 ， 一 种 是 由 下 而 上 的 分 类 方法 。 


由 上 而 下 : 


我 们 按照 已 经 明确 了 的 产品 的 商业 策略 ， i o 出 层级 。 比 如 
我 们 要 做 一 个 在 线 书城 ， 靠 售卖 电子 书 来 盈利 。 那 么 我 们 就 可 以 把 在 线 书 城 这 个 商业 目标 分 

B n te nes 再 分 别 将 这 些 类 别 按照 价格 区 
间 分 类 ， 如 下 图 : 


这 样 所 产生 的 一 个 问题 是 ， 按 照 商 业 策 略 所 分 的 类 别 也 许 和 实际 所 拥有 的 资源 不 匹配 ， 或 者 
与 用 户 期 待 不 匹配 。 例 如 在 艺术 类 书城 下 面 ， 高 价 的 书 很 多 ， 低 价 的 书 很 少 ， 大 多 数目 录 都 
是 空 的 ， 用 户 会 对 这 样 的 网 站 产生 内 容 不 充实 的 感觉 。 


由 下 而 上 : 


我 们 按照 已 有 的 资料 来 分 类 。 假 如 现在 有 中 国 、 上 日本、 韩国、 英国、 人 芬兰、 瑞典、 美国 、 加 
拿 大 的 书 各 有 一 万 本 ， 最 直观 的 分 类 就 是 按照 国家 来 分 ， 然 后 再 把 中 国 、 日 本 、 韩 国 归 为 亚 
洲 书 城 ， 把 英国 、 芬 兰 、 瑞 典 归 为 欧洲 书城 ， 把 美国 、 加 拿 大 归 为 美洲 书城 。 如 下 图 : 


这 样 产生 的 问题 是 ， 分 类 并 不 能 满足 商业 策略 ， 因 为 商业 数据 显示 ， 以 书 的 类 型 来 分 类 是 用 
户 最 喜欢 的 方式 ， 能 带 来 良好 的 体验 从 而 提高 用 户 活跃 度 ， 按 照 国家 的 分 类 使 这 种 优势 消 
失 。 


两 种 方式 有 各 自 的 优 缺点 ， 我 们 再 实际 的 操作 过 程 中 需要 不 断 地 碰撞 ， 使 得 商业 目标 和 内 容 
之 间 有 一 个 很 好 地 和 平衡， 而 不 是 非 黑 即 白 地 一 味 满足 商业 或 者 一 味 从 现 有 资源 出 发 。 例 如 我 
们 发 现 这 两 种 分 类 方式 都 不 是 很 合适 ， 可 以 采取 第 三 种 设计 方式 : 先 制定 一 个 从 商业 上 和 从 


内 容 资源 上 都 接受 的 方案 ， 即 这 个 树 状 结构 的 中 间 点 ， 设 定 按照 书 藉 
籍 


发 售 的 时 间 ， 往 上 推 把 
时 间 相 同 的 艺术 类 书籍 归 在 一 起 ， 向 下 推 把 相同 时 间 不 同 国家 的 书籍 分 


别 归 类 。 


把 基本 的 分 类 做 好 之 后 ， 就 要 考虑 这 些 分 类 之 间 的 关系 ， 它 们 也 许 是 父子 关系 ， 也 许 是 同 级 


。 树 状 结构 : 是 最 常见 的 一 种 结构 ， 是 不 断 收拢 或 者 不 断 发 散 的 结构 。 很 多 内 容 型 的 网 站 
RAIRE” SII. RK. AAZMMSS > (图 ) 


e HEH: 它 不 是 一 条 胡同 走 到 底 的 方式 ， 而 是 在 路 径 之 间 相 互 连 接 ， 这 样 可 以 满足 不 
同 用 户 的 不 同 需求 。 例 如 有 的 用 户 喜 欢 按照 类 型 查看 商品 ， 有 的 用 户 喜 欢 按照 时 间 查看 
商品 ， 单 招 树 状 结构 ， 类 型 和 时 间 的 分 类 一 定 会 有 先后 顺序 -- 先 按 类 型 分 ， 再 按时 间 分 。 
但 矩阵 结构 可 以 在 第 一 层级 同时 提供 这 两 种 方式 让 用 户 进行 切换 。 (A) 


。 自然 结构 : 这 种 结构 给 用 户 一 种 全 新 的 探索 方式 ， 它 分 类 与 分 类 之 间 待 着 某 种 惊喜 和 随 
机 性 。 例 如 一 些 非 常 有 个 性 的 设计 师 个 人 网 站 ， 一 开始 出 现 动画 ， 动 画 上 有 导航 ， 从 和 寻 
航 进 去 以 后 可 能 是 他 写 的 一 段 话 ， 再 点 这 段 话 到 他 的 作品 集 ， 点 击 作品 集 又 出 现 另 一 些 
动画 等 等 。 这 种 方式 非常 自由 ， 它 能 给 用 户 营 造 探 索 感 ， 对 于 内 容 比 较 简单 的 产品 比较 
适用 。 如 果 产 品 本 身分 类 很 复杂 ， 又 用 了 自由 结构 的 方式 ， 那 对 用 户 来 说 就 是 灾难 。 

(A) 


e 线性 结构 : 一 条 线 ， 没 有 分 支 的 结构 。 比较 适 合 看 一 篇 文章 、 读 一 本 书 的 产品 。 (B) 
不 管 你 用 的 哪 种 结构 ， 最 好 都 把 它 画 出 来 ， 然 后 为 每 个 模块 去 一 个 名 字 : (A) 
4. 框 架 层 


如 果 说 结构 层 是 偏向 于 立体 的 结构 ， 它 看 上 去 像 是 一 栋 大 楼 的 钢筋 结构 ， 那 么 ， 框 架 层 就 是 
这 个 大 楼 每 一 层 的 设计 。 既 然 我 们 已 经 在 结构 层 确 定 了 每 一 层 楼 放 什 么 ， 那 么 在 框架 层 要 做 
的 事情 就 是 讲 这 些 物品 按照 一 定 的 方式 摆 放 ， 它 包括 三 方面 的 设计 : 界面 设计 、 导 航 设计 、 


信息 设计 。 


e 界面 设计 界面 设计 要 解决 的 最 大 的 问题 就 是 ， 当 用 户 看 到 这 个 界面 时 ， 能 不 能 马上 找到 
他 想 要 的 东西 。 或 者 是 ， 当 用 户 无 所 事 事 闲 逛 的 时 候 ， 能 不 能 让 茶 些 内 容 进 入 他 的 视线 
和 引起 他 的 注意 。 我 们 最 常用 的 一 种 方式 就 是 把 主要 信息 放 在 最 显眼 的 位 置 并 且 放 最 
大 ， 如 支付 宝 的 界面 : 把 扫 一 扫 、 付 款 、 卡 券 和 啉 一 只 放 到 了 最 显眼 的 位 置 。 值 得 注意 
的 是 ， 如 果 在 导航 上 面 放 四 个 内 容 ， 其 实 不 能 让 用 户 很 好 地 有 聚焦， 那 为 什么 支付 宝 要 放 
如 此 多 呢 ? 我 们 可 以 知道 扫 一 扫 和 付款 一 定 是 用 户 频 率 最 高 的 功能 ， 另 外 的 卡 券 和 啉 一 
只 使 用 频率 很 低 但 由 于 是 战略 型 的 布局 ， 所 以 不 得 不 也 把 它 放 在 了 最 显眼 的 位 置 。 可 
见 ， 界 面 设计 不 仅 是 要 从 用 户 角 度 考 虑 ， 更 多 时 候 商 业 的 角度 也 是 非常 重要 的 一 个 方 
面 。 

e 导航 设计 导航 设计 也 就 像 是 一 个 网 站 的 地 图 设计 ， 你 需要 通过 导航 来 告诉 用 户 :“ 你 现在 
在 哪 ， 你 能 去 哪 "*。 导 航 设计 是 呈现 给 用 户 看 的 产品 内 容 结 构 、 分 类 图 ， 也 是 帮助 用 户 明 
确 页 面 内 容 、 了 解 所 处 位 置 的 标注 图 。 导航 大 体 上 可 以 分 为 : 全 局 导航 、 局 部 导航 、 畏 


助 导航 、 上 下 文 导航 、 友 好 导航 、 网 站 地 图 导航 等 。 


全 局 导航 : 你 可 以 在 任何 一 个 位 置 去 到 你 想 去 的 任何 地 方 局 部 导航 : 当 你 进入 到 某 个 区 域 
时 ， 你 只 能 在 国定 区 域内 任意 穿梭 ， 要 想 去 到 其 他 的 区 域 ， 和 有 FARA. AHER 
在 一 个 位 置 上 ， 提 供 另 一 个 位 置 的 快速 入 口 ， 比 如 在 某 个 界面 都 去 到 另 一 个 深层 级 的 页 
例如 一 个 网 上 商城 你 进入 到 服饰 的 导航 页 面 挑选 衣服 ， 此 时 页 2 uc 
JUR dE 62 XT GE EE BE Jo SET VALE EE HAE BTXSA: pics ; 
提供 相关 信息 的 链接 ， 例 如 当 你 看 完 一 个 新 闻 时 ， 底 部 会 有 相关 新 闻 让 你 跳 转 。 友 好 导航 : 
在 页 面 上 提供 用 户 他 们 可 能 平时 并 不 需要 的 链接 ， 例 如 ， 每 个 页 面 都 会 有 产品 母 公司 的 联系 
方式 。 
e 信息 设计 界面 上 除了 导航 和 控件 元 素 之 外 ， 很 重要 的 东西 就 是 信息 的 设计 ， 特 别 是 对 
信息 类 的 网 站 ， 这 类 信息 显得 尤为 重要 。 对 于 一 个 产品 ， 你 要 展现 哪些 信息 ， 哪 些 信 : 
对 用 户 最 有 效 ， 它 们 之 间 的 关系 应 该 如 何 呈 现 ， a oy eae oe 
图 : 
5. 表 现 层 : 


就 是 我 们 常 说 的 视觉 设计 ， 主 要 是 对 用 户 的 感知 进行 设计 ， 让 用 户 愉 悦 、 让 企业 的 品牌 得 到 
传播 。 具 体 的 设计 方法 可 以 参照 视觉 设计 那 一 章 
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视 党 设计 


视觉 设计 常常 被 认为 是 非常 主观 的 设计 ， 因 为 不 同 的 人 审美 差异 非常 大 。 就 像 听 音乐 ， 农 民 
工 听 的 音乐 和 大 学 教授 听 的 音乐 几乎 不 太 可 能 一 样 ， 他 们 所 生活 的 环境 、 接 触 的 事物 和 思维 
方式 决定 了 他 们 的 音乐 审美 。 然 而 世界 上 有 高 雅 音乐 ， 也 有 低俗 音乐 ， 只 要 有 人 喜欢 它 就 有 
存在 的 理由 。 做 视觉 设计 也 是 一 样 ， 我 们 不 能 单纯 地 以 美和 王 来 评价 一 个 产品 视觉 设计 的 好 
坏 ， 而 是 应 该 以 它 所 服务 的 人 群 是 否 接 受 并 喜欢 此 风格 来 评价 ， 更 进一步 说 ， 作 为 一 个 有 商 
任 心 的 设计 ， 设 计 出 来 的 作品 应 该 把 观众 的 审美 向 更 高 的 层次 培养 。 


今天 我 所 要 谈论 的 视觉 设计 ， 它 特 指 的 是 互联 网 产品 的 视觉 设计 ， 所 以 我 们 首先 要 注意 到 它 
的 "互联 网 性 质 *， 其 次 是 它 的 开始 、 过 程 以 及 结果 。 互 联网 中 的 视觉 设计 ， 我 认为 值得 强调 的 
两 点 是 : 
1. 它 是 一 种 感知 的 设计 
2. 它 是 产品 设计 中 的 一 环 ， 不 可 独立 于 产品 之 外 。 
接 下 来 ， 我 会 一 一 为 大 家 解释 这 两 个 观点 。 
视觉 设计 是 一 种 感知 和 服务 的 设计 
在 做 任何 具体 的 设计 之 前 ， 最 重要 的 事情 就 是 要 知道 目标 是 什么 。 那 视觉 设计 的 目标 是 什 
么 ?如果 你 的 回答 是 :“ 美 "*， 那 说 明 你 是 一 个 对 美 有 追求 ， 并 且 停 留 在 初级 阶段 的 设计 师 。 我 
认为 ， 视 觉 设计 的 目标 有 这 么 几 个 : 
@ 满足 基本 的 设计 原则 


e 让 你 的 老板 和 你 的 用 户 同时 喜欢 它 

。 在 有 限时 间 内 ， 做 到 效率 最 高 ， 投 入 产 出 比 最 大 
第 一 点 就 不 用 说 了 ， 如 果 产 品 不 是 做 行业 内 大 的 设计 创新 ， 就 没有 必要 凑 覆 现 有 的 使 用 了 多 
年 的 设计 原则 。 那 么 ， 符 合 基本 的 设计 原则 是 设计 师 的 底线 。 这 个 原则 包括 : 每 种 尺寸 的 屏 
幕 使 用 合适 的 字 重 、 用 色 和 图 形 与 产品 的 调 性 一 致 、 考 虑 用 户 使 用 的 场景 、 整 体 风 格 与 竞争 
对 手 的 差异 性 等 等 。 
第 二 点 和 第 三 点 ， 其 实 都 是 在 做 一 种 感知 的 设计 。 
我 所 看 到 很 多 设计 师 会 这 样 做 视觉 设计 : 
了 解 产 品目 标 -确定 产品 风格 -寻找 与 风格 匹配 的 视觉 参考 资料 -视觉 稿 输出 -修改 1- 修 改 2- 修 改 
N- 截 稿 上 线 。 
这 样 做 貌似 也 没有 什么 问题 ， 但 是 ， 我 敢 肯 定 ， 有 70% 的 时 间 是 花 在 修改 上 的 ， 这 个 修改 来 
自 于 客户 或 者 老板 的 建议 ， 他 们 常常 会 以 "不够 大 气 “ 没 有 感觉 ”有 没有 更 多 的 方案 "来 让 设计 
师 重 做 设计 。 之 所 以 会 产生 这 些 工作 量 ， 究 其 原因 ， 是 因为 设计 师 和 老板 之 间 出 现 了 审美 


差 ， 大 家 心中 各 自 有 一 个 骄傲 的 "审美 观 "， 却 相互 看 不 上 对 方 。 


这 时 候 ， 如 果 我 们 继续 不 断 地 出 新 方案 或 修改 之 前 的 方案 ， 很 有 可 能 因此 而 浪费 时 间 ， 到 了 
上 线 的 前 一 秒 还 在 忙 前 忙 后 ， 效 率 十 分 低下 ， 投 入 产 出 比 小 。 


如 果 我 们 换 一 种 方式 来 做 思考 呢 ?如 上 所 说 ， 视 觉 设 计 需 要 我 们 把 所 有 人 的 审美 统一 一 起 
来 ， 即 使 不 能 丨 正 的 统一 ， 也 可 以 做 到 大 概 的 一 致 性 。 这 些 需 要 我 们 在 做 视觉 设计 的 每 一 步 
都 考虑 到 “感觉 "的 设计 。 怎 么 做 呢 ? 


e 1. 首先， 为 了 缩小 大 家 的 “审美 差 *， 我 们 可 以 做 一 场 关于 视觉 设计 的 工作 坊 ， 先 了 解 客户 
或 老板 的 产品 视觉 倾向 是 什么 、 期 待 是 什么 

e 2. 接 着 ， 与 老板 或 客户 共同 建立 一 种 设计 评判 的 标准 ， 目 的 是 让 大 家 用 同一 套 评 价 系 统 来 
评价 设计 ， 把 “感知 "控制 在 一 定 范围 内 。 

e 3. 当 “审美 差 " 缩 小 ，“ 设 计 规范 "建立 好 之 后 ， 就 可 以 在 一 个 比较 确定 的 方向 上 做 2-3 套 方 
案 。 这 2-3 套 方案 的 方向 可 以 有 很 多 组 合 的 方式 ， 可 以 按照 具体 项 目的 不 同 来 设 定 ， 例 
如 : 如 果 老 板 【 期 待 】 有 创新 ， 组 合 的 方式 可 以 是 : 2 套 方 向 之 内 的 ，1 套 方向 之 外 的 。 

e 4. 做 设计 展示 ， 让 所 有 利益 相关 者 参与 ， 展 示 方案 时 很 关键 的 一 点 是 把 规范 和 之 前 的 工作 
坊 结 果 再 展示 一 遍 ， 再 次 把 所 有 人 的 “感知 ”控制 在 范围 之 内 。 


我 们 发 现 ， 需 要 花 精 力 的 地 方 有 时 并 不 仅仅 在 于 视觉 方案 本 身 ， 而 是 在 于 这 些 “ 感 官 " 设 计 来 与 
客户 达成 统一 、 增 强 客户 的 参与 感 、 展 示 设 计 师 的 专业 度 。 这 样 的 设计 ， 可 以 大 大 缩短 我 们 
修改 的 时 间 。 


视觉 设计 是 产品 设计 中 的 一 环 ， 不 可 独立 于 产品 之 外 


一 些 设计 师 谣 似 对 美 有 很 高 的 追求 ， 以 至 于 会 花费 大 量 时 间 在 视觉 设计 的 细节 打 雇 上。 并 不 
是 说 这 些 做 法 不 好 ， 而 是 在 那 之 前 ， 我们 要 了 解 到 ， 视 觉 设计 是 产品 设计 中 的 一 环 ， 它 应 该 
跟随 产品 策略 去 做 ， 而 不 是 单独 存在 。 那 么 ， 什 么 是 产品 策略 呢 ? 每 个 产品 的 策略 不 同 ， 但 
是 我 们 大 概 可 以 知道 它们 都 会 包含 哪些 内 容 : 


。 用 户 群 
。 产品 方向 
。 竞争 对 手 
e 时 间 规 划 


@ "a 
这 些 看 似 与 视觉 设计 没有 什么 关系 的 ， 却 是 最 值得 视觉 设计 师 重 视 的 。 


| 

e 产品 方向 决定 了 视觉 风格 应 该 呈现 什么 感 党 ， 比 如 美食 类 产品 的 设计 就 应 该 多 用 暖色 + 图 
片 的 形式 ， 容 易 匀 起 用 户 的 食欲 。 

。 竞争 对 于 决定 了 我 们 是 否 应 该 距 他 做 差 开 化 设计 ， 或 者 一 致 性 设计 。 有 些 竞争 对 手 在 市 
场 上 做 得 非常 成 功 ， 这 时 候 ， 如 果 做 差异 化 小 的 设计 ， 或 许可 以 让 用 户 产生 好 感 ， 在 商 
业 上 是 成 功 的 策略 。 


e 时 间 规 划 决 定 了 我 们 能 用 多 少时 间 来 做 设计 ， 这 个 时 间 应 该 包括 : 风格 调研 -设计 -汇报 - 
修改 等 步 又， 设计 师 应 该 把 所 有 的 时 间 节 点 规划 起 来 ， 而 不 是 只 规划 打开 ps 的 那 段 时 
间 。 


ae 是 非常 重要 的 ， 因 为 市 面 上 大 多 数 toC 的 产品 界面 都 设计 
得 非常 美观 ， 用 户 的 审美 已 经 被 提高 ， 分 配 更 多 的 时 间 到 视觉 优化 上 ， 是 值得 做 的 事情 。 


对 于 一 个 to B 的 产品 而 言 ， ud ut 高 了 ， 因 为 to B 产品 最 最 重视 的 是 数据 
的 准确 性 、 产 品 使 用 的 高 效 性 、 流 程 之 间 的 通畅 性 等 ， 留 给 视觉 设计 的 时 间 有 时 会 非常 短 ， 
这 时 我 们 如 果 想 要 做 一 个 精致 的 视觉 是 不 太 可 能 的 - , M RC LE ， 再 在 上 面 做 相应 
的 修改 ， 是 投入 产 出 比 最 高 的 。 相 信 很 多 设计 师 都 不 能 接受 这 种 方式 ， 但 是 ， 我 们 做 任何 设 
计 都 应 考虑 到 全 局 ， 懂 得 在 限制 下 做 设计 。 


视觉 工作 坊 


| 它 是 一 个 与 利益 相关 者 沟通 的 机 会 ， 也 是 一 个 统一 大 
Re May 32 这 里 展示 一 个 视觉 工作 坊 的 流程 ， 帮 助 大 家 了 解 如 何 组 织 一 个 视觉 工作 坊 : 


1. 规划 工作 坊 的 流程 ， 确 定 邀 请 对 象 ， 确 定时 间 制作 一 个 ppt 来 展示 流程 ， 让 参与 者 能 够 清 
晰 的 知道 每 一 步 应 该 做 什么 ; 确定 邀请 对 象 是 一 个 至 关 重 要 的 事情 ， 必 须 邀 请 到 最 终 能 
决定 视觉 设计 的 角色 ， 和 否则 进行 了 几 个 小 时 的 工作 坊 就 白费 了 ; 时 间 最 好 控制 在 1-1.5 个 
小 时 之 内 ， 如 果 时 间 太 长 ， 则 会 成 为 某 些 角色 拒绝 参加 的 理由 。 


2. 工作 坊 开 始 ， 首 先 介绍 工作 坊 的 目的 。 很 多 参与 者 这 时 候 都 是 第 一 次 接触 视觉 工作 坊 ， 
明确 工作 坊 的 目的 、 说 明 大 概要 花费 的 时 间 、 和 包含 哪 几 个 设计 活动 、 最 终 的 产 出 物 等 ， 
这 些 介绍 能 够 给 参与 者 安全 感 ， 让 他 们 高 效 地 完成 工作 坊 的 活动 。 


3， 对 于 现 有 产品 的 视觉 评估 让 每 个 参与 者 把 脑海 中 对 于 产品 现 阶段 的 视觉 设计 做 一 个 评 
估 ， 将 评估 出 来 的 关键 词 写 在 便签 纸 上 。 这 个 活动 主要 用 来 发 现 问 题 寻 找 痛 点 。 大 家 一 
定 是 对 现 有 的 视觉 设计 不 满 ， 才 会 想 要 设计 新 的 视觉 ， 视 觉 化 的 工作 坊 也 让 大 家 可 以 看 
到 问题 集中 在 哪 几 个 方面 ， 那 么 在 之 后 的 视觉 中 就 能 集中 解决 这 些 问题 。 


LULA asd Ro uU c MAE RUE M NK RU 
估 ， 将 评估 出 来 的 关键 词 写 在 便签 纸 上 。 通 过 这 个 活动 ， 我 们 可 以 知道 eke 
ua a dn M 也 能 从 关键 词 当中 更 加 了 解 他 们 想 把 产品 做 成 什么 

v 参与 者 常常 会 将 自己 心目 中 认为 好 的 产品 的 视觉 关键 词 写 下 来 ， E 
ERA - 


5. 让 参与 者 选 出 两 张 他 们 认为 与 未 来 风格 匹配 的 图 片 ， 并 解释 原因 。 我 们 知道 ， 从 文字 的 
描述 到 图 像 的 描述 ， 是 有 一 个 鸿沟 的 ， 比 如 按照 “活泼 "这 个 关键 词 来 设计 视觉 风格 ， 可 以 
设计 出 成 千 上 万 种 活泼 的 视觉 方案 ， 所 以 我 们 要 知道 的 是 参与 者 心中 对 于 “活泼 "的 想象 是 
什么 ， 选 出 与 关键 词 对 应 的 图 片 能 够 进一步 收敛 他 们 的 想象 ， 并 且 实 现 了 第 一 次 视觉 
的 “具象 化 ”。 


6， 从 事先 准备 的 界面 效果 图 当中 ， 选 出 与 图 片 最 匹配 的 一 组 。 组 织 者 需要 事先 挑选 出 3-4 套 
视觉 风格 并 归 类 : 如 活力 、 专 业 、 pone ， 贴 在 墙 上 ， 并 且 贴 上 是 什么 元 素 让 这 些 风格 


p cM UE 用 彩色 、 圆 角 、 灵 活 的 排版 形式 来 表达 。 从 图 
像 到 界面 其 实 是 第 aan aas H ARa fF 景 ， 所 以 虽然 知道 自己 总 欢 什么 


风格 ， 但 很 难 想 TO 去 表现 它 ， 用 投票 选择 的 方式 去 选择 一 种 风格 ， 让 他 们 了 解 用 什 
么 元 素 去 表达 这 种 风格 是 最 bes 文 些 元 素 可 能 也 会 在 将 来 的 设计 中 运用 到 。 这 实现 
了 第 二 次 视觉 的 “具象 化 "。 


通过 这 六 个 步骤 ， 我 们 引导 大 家 从 【未 来 视觉 设计 的 想象 】 具 象 成 【 某 一 种 风格 的 视觉 页 
面 】， 这 样 做 一 方面 能 够 让 全 部 参与 者 达成 视觉 的 一 致 ， 另 一 方面 让 他 们 了 解 到 视觉 设计 是 
一 个 从 模糊 到 具象 的 过 程 ， 这 个 过 程 既 鼓励 大 家 发 挥 想象 ， 又 用 种 种 方式 收敛 成 可 落地 的 方 


o 


mn 


写 在 最 后 


无 论 是 什么 设计 ， 都 要 求 设计 师 有 "出 跳 " 的 能 力 ， 视 觉 设计 也 是 一 样 ， 首 先 要 跳出 【视觉 设 
计 】 看 问题 ， 看 到 视觉 设计 之 外 的 东西 ， 如 时 间 、 流 程 、 目 标 等 。 下 一 步 ， 需 要 看 到 设计 与 
设计 之 间 的 不 同 ， 这 类 设计 和 那 类 设计 ， 他 们 应 该 用 什么 样 的 方式 呈现 最 好 ， 是 不 是 最 好 看 
的 永远 是 最 好 的 。 最 后 是 知道 如 何 达到 设计 目标 ， 如 工作 坊 ， 都 是 不 错 的 值得 参考 的 方式 。 


从 设计 到 开发 


64 


i| 3x 


产品 测试 的 目的 和 方法 


66 


传统 意义 上 的 开发 者 ， 往 往 和 geek AKEZ o BP AR RAR ARATIEA > ROT BFW He > DOE dE 
术 ， 难 以 和 正常 人 打交道 。 现 实 世 界 中 ， 这 种 开发 者 事实 上 是 比较 少见 的 。 以 我 自己 的 经 
验 ， 反 而 是 那些 总 觉 的 技术 是 改变 世界 ， 拯 救世 界 的 唯一 方式 的 人 多 一 些 。 


他 们 往往 自视 其 高 ， 不 大 看 得 上 那些 产品 经 理 ， 项 目 负 责 人 ， 测 试 经 理 等 带 有 管理 头衔 的 其 
他 同事 ， 当 然 也 不 太 看 得 上 其 他 的 同行 。 Ru T ， 但 是 有 英名 其 妙 的 非 
常 有 钱 的 企业 ， 他 们 简直 不 配 和 这 些 程 序 员 共 享 同一 片 蓝天 。 


他 们 会 嘲笑 这 些 企业 使 用 的 过 时 的 源码 控制 系统 ， 也 会 嘲笑 他 们 把 主机 锁 起 来 免得 被 员工 偷 
走 ， 但 是 对 这 些 企业 的 精巧 ， 高 效 的 商业 模式 视而不见 


成 为 咨询 师 


BEBE 开发 完成 向 咨询 师 的 转变 ， 内 容 不 但 涉及 向 ux 学 习 ， 还 包括 思维 方式 的 转 
o。 我 尽量 采用 一 些 亲历 的 例子 来 说 明 该 如 何 做 ， 也 会 适当 的 解释 为 什么 需要 这 样 做 。 不 过 
M en ， 首 先 来 漆 清 这 里 提 到 的 三 种 角色 。 


FÈ (Developer) 角色 


开发 是 指 那些 喜欢 写 代 码 ， 享 受 写 代码 ， 喜 欢 纯粹 ， 讨 厌 办 公 室 政治 ， 永 远 穿 T 恤 的 有 些 偏 
执 的 程序 员 。 跟 他 们 打交道 ， 有 这 样 一 些 注意 事项 : 
e 不 要 让 他 们 帮 你 盗 QQ 号 


e 不 要 让 他 们 帮 你 修 电 脑 或 者 装 Windows 系 统 
e 不 要 跟 他 们 讨论 人 文 / 政 治 类 的 问题 


开发 往往 还 单纯 的 可 爱 ， 除 此 之 外 ， 他 们 还 有 这 样 一 些 特点 : 


。 逻辑 清晰 
o 与 人 争辩 时 往往 可 以 通过 清晰 的 逻辑 而 获胜 
。 单身 


业界 已 经 有 很 多 关于 开发 的 描述 了 ， 我 这 里 也 有 一 个 描述 开发 的 列表 : 





用 户 体 验 设计 师 (UX) 
Ux 是 指 用 户 体 验 设计 师 ， 在 本 文 的 上 下 文中 ， 更 偏向 与 非 视觉 设计 的 那些 设计 师 (产品 设计 


师 ) 。 在 项 目 中 ， 他 们 会 做 用 户 调研 ， 竞 品 分 析 ， 信 息 架 构 简 历 ， 交 互 设计 ( 纸 上 原 型 ， 低 
Ki) 等 活动 ， 并 负责 开发 纸 上 原 型 ， 验 证 这 些 原 型 等 。 


和 ux 打交道 ， 也 有 一 些 应 该 注意 的 点 ， 比 如 : 


e 不 要 叫 他 们 美工 
© 不 要 对 他 们 说 诸如 :“ 帮 我 美化 一 下 这 个 页 面 "， "这 个 颜色 得 再 亮 一 些 " 之 类 的 话 
© 不 要 跟 他 们 讲 关 于 程序 员 的 笑话 


be kk 亦 
SET X 


事实 上 ， 人 们 对 ux 的 误解 很 深 。 提 到 ux 人 们 的 第 一 反应 是 Photoshop ，P 图 / 切 图 。 这 仅仅 
是 他 们 日 常 工作 中 很 小 的 一 部 分 。 大 部 分 Ux 还 要 做 很 多 用 户 研究 ， 信 息 架 构 整 理 的 事情 。 老 
实说 ， 我 在 去 年 5 月 之 前 的 对 ux 的 认识 和 大 部 分 开发 的 认识 是 一 样 的 ， 但 是 在 后 来 的 项 目 上 
和 多 个 ux 合作 过 之 后 ， 我 彻底 改变 了 原先 那 种 偏见 ， 开 始 襄 佩 他 们 ， 并 向 他 们 学 习 。 


设计 工作 可 以 细 分 为 这 样 一 些 不 同 的 方面 (图片 来 源 网 络 ) 


用 户 体 验 要 素 (The Elements of User Experience) — oce 
基本 两 重 性 : 网 站 原本 是 被 视 为 具有 超 文本 的 信息 空间 ; 但 随 着 仿 加 复杂 的 前 并 及 30 March 2000 


后 端 技术 的 发 展 ， 使 其 变 成 了 远程 软件 界面 。 这 种 双重 特性 会 导致 很 多 混淆 ， 因 为 
用 户 体验 业者 试图 使 其 术语 适用 在 超出 他 们 原本 应 用 范围 的 案例 上 。 这 份 文档 的 目 
的 是 在 合适 的 环境 中 定义 这 些 术 语 ， 并 阐明 这 些 要 素 的 内 在 关系 。 


作为 软件 界面 的 网 站 


视觉 设计 ; 对 界面 元 素 进 行 图 形 化 处 理 ( 界 
面 外 观 中 的 外 观 ) 


界面 设计 : 根据 传统 人 机 交互 理论 ， 界 面 设计 
是 设计 界面 元 素 以 帮助 用 户 与 功能 进行 交互 

信息 设计 : 根据 Tufte 的 理论 : 设计 信息 的 展 
现 方式 帮助 理解 


交互 设计 : 开发 应 用 流程 以 帮助 用 户 完成 任 
务 ， 定 义 用 户 如 何 与 网 站 功能 进行 交互 


功能 规格 : “功能 组 合 ”: 网 站 为 了 满足 用 
户 需求 而 必须 囊括 的 功能 详细 描述 


用 户 需求 : 对 网 站 来 自 外 部 的 需求 ; 通过 用 
户 调研 定义 人 群 、 技 术 、 心 里 描述 等 等 。 
网 站 目标 : 商业 、 创 意 或 其 他 对 网 站 的 内 部 
需求 。 











作为 超 文本 系统 的 网 站 


视觉 设计 ; 对 文字 、 图 像 页 面 元 素 及 导航 
部 分 的 视觉 化 处 理 


导航 设计 ; 设计 界面 元 素 ， 帮 助 用 户 通过 
信息 结构 进行 移动 
信息 设计 : 根据 Tufte 的 理论 : 设计 信息 
的 展现 方式 帮助 理解 


信息 架构 : 信息 空间 的 结构 设计 ， 以 助 于 
直觉 地 访问 内 容 


内 容 需 求 : 网 站 内 为 了 满足 用 户 需求 而 需 
要 的 内 容 元 素 的 定义 


用 户 需 求 : 对 网 站 来 自 外 部 的 需求 ; 通过 用 
户 调研 定义 人 群 、 技 术 、 心 里 描述 等 等 。 
网 站 目标 : 商业 、 创 意 或 其 他 对 网 站 的 内 部 
需求 。 


本 图 并 不 完整 : 这 里 的 模 忌 轮 廊 并 未 包含 次 级 考 是 《比如 那些 障 着 技术 活 内 容 发 展 再 来 的 副产品 ) ， 这 些 有 司 能 在 用 户 体验 开发 中 影响 决策 。 而 且 ， 本 机 


弄 并 非 描 述 开发 进程 ， 


© 2000 Jesse James Garrett 中 文化 by 阿布 ”本 图 版 权 归 Jesse James Garrett AA, SPERAT 


也 不 是 用 户 体验 开发 小 组 中 需要 的 规则 定义 。 然 而 ， 本 模型 是 试图 在 当前 互联 网 环境 下 ， 定 义 用 户 售 奉 开发 中 的 关键 步 要 。 
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ux 的 一 项 特别 的 技能 在 于 能 从 复杂 的 现实 世界 中 抽象 出 清晰 的 信息 (用 户 画 像 ， 体 验 地 图 其 
至 最 后 的 用 户 故 事 ) 。 这 项 技能 不 但 重要 ， 而 且 还 很 牛 逼 。 


知识 的 诅咒 


《 反 脆 弱 》 里 有 个 有 意思 的 例子 : 人 们 仅仅 创造 了 非常 有 限 的 词汇 来 描述 颜色 ， 比 如 蓝 色 ， 

红色 ， 而 任何 一 个 视觉 正常 的 人 都 可 以 轻松 的 识别 出 数 百 种 不 同 的 颜色 。 也 就 是 说 ， 人 们 可 
以 很 轻松 的 理解 相当 复杂 的 事物 ， 但 是 很 难 向 别人 描述 该 事物 (想象 一 下 向 别人 描述 一 只 x 
鱼 的 颜色 ) 。 


人 们 对 于 现实 世界 中 的 事情 (特别 是 复杂 的 业务 场景 ) 往往 只 能 意 会 而 很 难 言 传 ， 再 加 上 知 
识 的 诅咒 (我 在 《如 何 写 一 本 书 》 里 ， 详 细 讨论 了 这 种 常见 的 陷阱 ) 的 存在 ， 当 用 户 在 描述 A 
的 时 候 ， 在 没有 上 下 文 的 人 听 来 ， 很 可 能 是 B 或 者 C。 这 种 情况 在 软件 开发 中 非常 常见 ， 也 是 
很 多 项 目 之 所 以 延期 的 原因 (大 量 并 无 必要 的 返工 ， 需 求 漆 清 等 ) 。 


在 项 目前 期 ， UX 需要 和 客户 坐 在 一 起 ， 将 客户 的 需求 分 析 清 包括 业务 场景 ， 用 
户 画像 生成 ， 信 eu ， 体验 地 图 等 等 ， 这 些 信 e 丛 恰 相反 ， 它 们 需 
要 UX 经 过 很 多 轮 的 痒 苦 引导 ， 从 用 户 的 脑海 里 提取 出 来 的 。 


这 里 需要 Ux 的 核心 能 力 是 


e 有 目的 的 抛 出 问题 ， 引 导 客 户 进行 发 散 

e 有 节奏 的 收 化 ， 形 成 共识 

e 不 断 和 修正 过 程 中 的 错误 

e 可 视 化 能 力 (这 可 能 是 大 部 分 人 觉得 唯一 和 UX 相关 的 点 ) 


咨询 是 


咨询 师 是 指 那些 根据 自己 的 丰富 经 验 来 帮助 客户 解决 具体 问题 的 人 。 这 些 问 题 并 不 一 定局 限 
在 技术 上 一 一 比如 架构 的 设计 ， 具 体 前 端 /后 端 技术 的 选 定 ， 还 包括 一 些 流程 的 改善 。 比 如 引 
入 新 的 工程 实践 来 缩减 项 目的 周期 时 间 ， 帮 助 团队 发 现 问题 ， 建 设 团队 的 能 力 ， 作 为 各 个 团队 
间 的 润滑 剂 帮助 项 目 成 功 等 等 。 


咨询 师 工作 中 的 一 个 常见 的 场景 


e 列 出 目前 遇 到 的 问题 
。 确定 各 个 问题 的 优先 级 (和 各 个 利益 方 ) 
。 制定 方案 

e 给 方案 加 上 时 间 ， 形 成 计划 

。 细 化 计划 中 的 条 目 ， 并 促成 它 


引导 /局 发 


我 在 印度 的 某 一 期 mu 当 教 练 的 时 候 ， 发 现 了 一 个 很 有 意思 的 现象 ， 国 外 的 同事 在 组 织 培训 
时 更 强调 用 引导 / 启发 的 方式 ， 让 学 生 们 自己 得 出 结论 ， 并 在 课堂 上 进行 讨论 ， 以 期 教学 相 
长 。 只 有 在 过 程 中 有 Back 的 情况 出 现时 ， 教 练 才 会 适当 抛 出 自己 的 开发 ， 并 再 次 启动 讨 


论 。 





与 我 一 直 的 认识 不 同 的 是 ， 这 种 方式 效果 很 好 。 通 过 一 些 适当 的 局 发， 学 生 很 容易 自己 讨论 
出 一 些 有 趣 的 看 法 ， 然 后 教练 在 这 个 基础 上 做 一 些 总 结 erry: 分 析 不 同 看 法 /想法 之 间 
的 优 劣 。 


我 非常 认同 这 种 模式 ， 后 来 自己 组 织 的 其 他 培训 /workshop 也 都 尽量 采取 这 种 方式 。 咨 询 师 在 
客户 现场 ， 也 应 该 采取 这 种 引导 的 方式 帮助 团队 来 完成 能 力 建设 ， 而 不 是 事 必 躬 亲 。 


角色 转化 


从 开发 者 视角 切换 到 咨询 师 的 第 一 要 诀 就 是 : 让 团队 解决 自己 遇 到 的 问题 | PRK? 咨询 
师 好 像 变 成 一 个 多 余 的 角色 了 : 既然 团队 自己 可 以 搞定 ， 还 要 zam 干什么 呢 ? saw 的 职 
责 是 让 团队 意识 到 问题 ， 理 清 思路 ， 制 定 解决 方案 ， 并 和 逐步 实施 


AR RETIR AE 


ANETAR TOAT a AR 你 发 现 团队 往往 在 集成 时 会 花费 很 多 额外 的 时 间 和 
返工 ， 开 发 过 程 中 大 家 各 自 为 政 ， 没 有 人 知道 一 次 commit 会 给 软件 包 造 成 什么 影响 。 


如 果 你 是 一 个 咨询 师 ， 应 该 如 何 解 决 这 个 问题 ? 一 个 常 犯 的 错误 是， 直接 上 手 帮 助 团队 搭建 
持续 集成 (Cl) 环境 ， 并 设置 CI 纪律 (比如 build 红 了 不 许 过 夜 ， 红 的 时 候 其 他 人 都 不 许 
commit 等 ) 。 


一 种 更 好 的 做 法 是 : 做 为 咨询 师 ， 首 先 需要 帮助 团队 认识 到 这 个 问题 ， 你 需要 让 所 有 人 都 知 
道 ， 我 们 现在 的 问题 是 什么 。 在 所 有 人 都 清楚 了 这 一 点 之 后 ， 你 需要 提出 (或 者 引导 出 ) d 
续集 成 的 概念 〈 因 为 根据 经 验 ， 这 是 一 种 可 以 很 好 的 解决 集成 时 额外 的 返工 现象 的 好 办 

法 ) 9 


但 是 对 于 不 熟悉 持续 集成 的 团队 来 说 ， 搭 建 一 个 持续 集成 环境 是 一 个 非常 复杂 的 任务 。 因 此 
你 需要 分 解 这 个 任务 为 一 些 更 小 的 ， 可 以 被 解决 的 问题 。 


o 中 请 虚拟 机 资源 

e 安装 jenkins (包括 安装 JVM， 创 建 用 户 等 ) 

e 配置 本 地 构建 脚本 到 jenkins (构建 脚本 ， 自 动 化 测试 等 ) 
e 申请 显示 器 资源 (作为 Cl Monitor) 

e 将 结果 显 式 在 Cl Monitor 上 


有 了 任务 之 后 ， 你 需要 分 别 为 这 些 子 任务 分 配 owner。 对 上 比 搭建 持续 集成 环境 这 样 的 大 任务 ， 
这 些小 的 任务 已 经 非常 具体 ， 更 重要 的 是 ， 他 可 以 被 团队 中 任何 人 理解 并 解决 。 


学 习 做 引导 


除了 思维 方式 的 转变 ， 以 及 自身 过 硬 的 专业 技能 (比如 clean code/ 重 构 能 力 ， 自 动 化 测试 ， 
DevOps， 持 续 交 付 经 验 等 ) 之 外 ， 开 发 者 需要 从 ux 那里 学 习 如 何 发 现 问题 ， 并 将 问题 可 视 
化 出 来 的 技能 。 


当 你 发 现 团队 面临 某 个 问题 是 ， 可 以 通过 组 织 一 个 类 似 头脑 风暴 的 会 议 来 帮助 团队 梳理 : 


e 提出 问题 

e 维护 会 议 纪 律 ， 保 证 所 有 人 都 贡献 自己 的 想法 
e 将 想法 /问题 归 类 

e 找 出 问题 的 解决 方案 

e 制定 计划 (包括 时 间 点 和 owner) 


关于 如 何 做 引导 的 详细 信息 ， 还 可 以 参考 我 的 上 一 篇 文章 。 


进一步 的 阅读 
除了 上 边 提 到 的 


1. 思维 方式 的 转变 

2. Qux 学 习 引 导 的 技巧 
之 外 ， 事 实 上 还 有 很 多 技巧 和 内 容 需要 学 习 : 

e 《引导 的 秘诀 》 

e 《视觉 会 议 》 

© 《第 五 项 修炼 》 

e 《系统 思考 》 


当 我 们 谈论 引导 时 ， 我 们 谈 些 什么 


什么 是 引导 (facilitation) 


引导 (facilitation) 19 33 JR 3& 7& £j 4x T i& "facil" » S SE E...... 更 容易 ”。 而 负责 引导 的 引导 
yp (facilitator) 的 核心 职责 是 ， 通 过 一 系列 的 活动 、 技 巧 ， 保 证 引导 会 行 ， 并 解 
决 整个 过 程 中 的 问题 ， 使 得 参与 者 就 问题 产生 一 个 共识 ， 达 成 一 个 结论 。 


其 中 可 能 涉及 很 多 具体 的 问题 ， 比 如 几乎 在 每 个 会 议 中 都 可 能 看 到 的 : 


© 如 果 有 人 尝试 将 会 议 变 成 一 言 堂 ， 如 何 处 理 ? 
© 如 果 参 与 者 不 愿意 分 享 自己 的 观点 ， 如 何 处 理 ? 
e 过 程 中 ， 两 个 参与 者 产生 了 争执， 如 何 处 理 ? 
e 如 何 把 握 节 奏 ， 和 刺激 与 会 者 发 散 ? 

e. to fey EK IE BI AS BUG > BEAT IRS? 


显然 ， 这 是 一 个 技术 活 儿 。 一 次 好 的 引导 可 以 将 与 会 者 的 众多 想法 ， 信 息 聚 合 起 来 ， 形 成 对 
团队 下 一 步 要 做 什么 有 极 强 指导 意义 的 方案 。 


常 的 引导 活动 


在 平时 的 工作 中 ， Se d QM es tna MR 
注 ， 也 很 少 这 个 能 力 应 用 在 其 他 方面 (比如 在 客户 现场 咨询 ， 或 者 参加 售 前 等 ) © 
引导 是 如 此 的 常见 ， Uu A 。 比 如 在 interview 完 成 之 后 ， 所 有 面试 官 和 HR 
Ae a Well 的 列举 ; 各 种 社区 活动 (Open Party > CDConf#) 之 后 的 回顾 ; 每 个 
项 目 在 一 个 迭代 结束 后 的 Retro ; 对 于 某 个 问题 的 头脑 风暴 等 等 。 


项 目 回 顾 会 议 
在 开始 前 ， 引 导师 需要 保证 团队 : 


e 每 个 人 都 有 开发 的 态度 
e 整个 过 程 需要 在 一 个 足够 安全 的 环境 中 进行 (Safe Check) 


有 时候， A Team ead 新 人 可 能 不 愿意 对 某 事 〈 比 如 最 近 加 班 有 点 过 分 ) 发 表 自己 的 
EM 这 时 候 需 要 有 safe check ， 比 如 分 为 1 到 5 档 ， 大 家 用 不 记名 投票 的 方式 来 表述 自己 
是 否 觉得 安全 。 如 果 投 票 结果 显示 大 部 分 人 都 觉得 不 安全 ， 则 需要 与 会 的 人 中 ， 职 位 最 高 的 
那个 人 离开 会 议 ， 然 后 再 做 一 次 Safe check ， 直 到 大 家 都 觉得 足够 安 人 全。 不过， 对 于 已 经 进 

过 多 轮回 顾 的 团队 ， 我 们 往往 会 忽略 掉 这 一 步 。 


Retro 过 程 是 ， 团 队 坐 在 一 起 ， 回 顾 上 一 个 迭代 (通常 是 两 个 星期 ) 做 过 的 事情 ， 有 哪些 做 的 
比较 好 ， 哪 些 有 待 改进 ， 有 哪些 疑惑 等 等 。Retro 可 以 有 很 多 的 形式 ， 比 如 简单 的 well/Less 
Well/Questions ， 更 聚焦 在 产生 Action 的 海星 式 等 等 o 





通常 的 顺序 是 : 


1. 
2. 
3. 
4. 
5. 
6. 


Action 一 定 要 足够 具体 ， 并 且 需 要 一 个 所 有 者 ， 所 有 者 负责 确保 该 action -EARE ° Hite 
队 发 现 上 一 个 和 迭代 中 code review 做 的 不 够 好 ， 一 个 Action 就 是 每 天 下 午 5 点 有 人 来 提醒 
大 家 来 进行 code review 。 


引导 者 请 大 家 用 纸 笔 将 想法 写 在 便签 (stick) 上 

Time box 这 个 过 程 (通常 是 5 分 钟 ) 

大 家 将 这 些 stick 贴 在 墙 上 

引导 者 和 团队 一 起 过 一 人 遍 所 有 的 stick 

yz 3& 38 4 hy stick 

引导 者 促进 团队 交流 ， 讨 论 stick 上 的 问题 ， 并 形成 一 些 改进 点 (Action) 


如 果 这 时 候 发 现 有 太 多 的 问题 ， 团 队 可 以 用 投票 的 方式 选 出 本 次 Retro 要 讨论 的 数 个 stick。 


引导 会 议 


ALA BLUE P > RU ILFRAMA SW m Bd 2 HARASS Ko EHH emu 
有 多 大 的 杀伤 力 了 。 在 很 多 会 议 上 ， 与 会 者 要 么 在 刷新 朋友 轿 ， 要 么 在 对 着 笔记 本 电脑 写 代 
码 或 者 读 新 闻 ， 即 使 强制 要 求 不 许 带 电脑 和 手机 的 情况 下 ， 也 无 法 限制 参加 者 神游 太 虚 。 


根据 《引导 的 秘诀 》 这 本 书 里 的 定义 ， 引 叶 会 议 是 


引导 会 议 是 一 个 高 度 结构 化 的 会 议 ， 会 议 中 的 领导 者 〈 引 导 者 ) 引导 参 会 人 通过 预先 设 定好 的 步骤 达成 所 有 参 会 人 产 
生 ， 理 解 并 接受 的 结果 。 


引导 会 议 需 要 充分 调用 参与 者 的 积极 性 ， 每 个 人 都 需要 足够 聚焦 ， 这 要 求 引 导 者 可 以 有 能 
使 得 团队 振奋 (比如 幽默 的 风格 ， 或 者 具有 挑战 性 的 问题 等 ) 。 另 外 ， 每 个 人 的 idea 都 需要 被 
充分 重视 (一 个 细节 就 是 不 要 随意 自 改 你 听 到 的 内 容 ， 这 是 没有 经 验 的 引导 者 常 犯 的 错误 之 
—) 。 一 旦 所 有 参与 者 都 积极 起 来 ， 引 导 者 就 可 以 稍微 退 后 一 些 ， 将 舞台 交 给 团队 。 


而 有 时 候 ， 情 景 则 相反 ， 大 家 都 不 发 言 ， 也 没有 看 到 明显 的 发 言 的 趋势 ， 这 时 候 需要 一 些 方 
法 来 激励 。 如 果 是 团队 都 比较 茫然 ， 引 导 者 需要 列 出 一 些 简单 而 容易 理解 的 步 又， 帮助 团 队 
按照 预 设 的 节奏 来 逐步 前 进 。 上 比如， 在 一 开始 的 时 候 就 将 agenda 板 书 在 墙 上 ， 并 通过 头脑 风 
暴 的 方式 ， 鼓 励 参 与 者 来 将 自己 的 idea 可 视 化 出 来 。 


一 个 典型 的 误区 是 ， 引 导 会 议 的 最 后 结论 是 本 来 就 存在 与 引导 者 脑海 中 的 想法 。 如 果 仅 从 结 
果 来 看 ， 这 种 情况 可 能 发 生 ， 但 是 只 能 说 是 碰巧 而 已 。 一 个 好 的 引导 者 需要 帮助 与 会 者 自己 
产生 ， 并 得 出 一 个 可 行 的 ， 被 广泛 认可 的 方案 ， 而 不 是 强加 一 个 自己 的 给 团队 。 

我 们 最 为 专业 的 引导 活动 是 UX 团队 在 客户 现场 的 inception ， inception 由 一 系列 相互 关 


联 ， 环 环 相 扣 的 工作 坊 组 成 ， 这 些 工作 坊 基 本 上 都 需要 采用 很 多 引导 的 技巧 ， 帮 助 客户 团队 
将 自己 的 问题 描述 清楚 ， 并 形成 一 个 所 有 参与 者 都 达成 一 直 的 可 行 方案 。 


如 何 做 引导 





如 果 你 不 知道 如 何 开始 一 个 引导 会 议 ， 一 个 简单 而 通用 的 模式 是 : 


1. 我 们 的 现状 是 
2. 我 们 的 目标 是 
3. 我 们 如何 到 达 目 标 
4. 在 行进 中 ， 如 何 度量 


《引导 的 秘诀 》 里 还 提 到 了 一 种 sp 模式 : 目的 (Purpose)， 产 出 (Product)， 与 会 人 
(Participant) > "T $&47 I^] 3 (Probable issues) 以 及 流程 (Process)。 


5P 提 示 你 在 准备 会 议 之 前 ， 需 要 尝试 回答 这 几 个 问题 


。 为 什么 要 开 这 次 会 议 ? 主 要 目的 是 什么 ? 
。 会 议 后 的 产 出 是 什么 ? 

。 谁 需要 参与 会 议 ? 

e 在 会 议 中 ， 我 们 可 能 遇 到 什么 问题 ? 

。 过 到 这 些 问 题 是 ， 我 们 如 何 解决 ? 


引导 中 的 第 用 技巧 


在 引导 活动 中 ， 有 一 些 基 本 的 规则 ， 可 以 保证 引导 会 议 的 顺畅 性 ， 比 如 
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e 引导 师 需 要 有 足够 的 权威 〈 可 以 打 断 那些 长 篇 大 论 ， 保 证 过 程 的 流畅 ) 

e 如 果 人 数 太 多 ， 可 以 使 用 token (比如 一 个 玩具 考 拉 ， 或 者 一 个 澳 式 橄榄 球 ， 只 有 持 有 
token 的 人 可 以 说 话 ) 

e 保持 one conversation (不 要 交 头 接 耳 ) 

e 每 张 stick 上 只 写 一 条 问题 /想法 


引导 师 必 须 有 控制 会 话 何 时 结束 的 能 力 ， 否 则 引导 活动 将 会 变 成 一 发 不 可 收拾 的 兄长 会 议 。 
坚持 one conversation 可 以 保证 参与 者 足够 聚焦 * 也 保证 所 有 人 都 在 同一 个 频道 上 9 如 果 发 
现 有 交 头 接 耳 的 ， 引 导 者 可 以 直接 打 断 并 提醒 之 。 


每 张 便签 上 只 写 一 条 想法 ， 首 先 可 以 保证 多 样 性 ， 便 于 讨论 ， 也 便于 后 续 的 分 类 。 另 外 ， 简 
洁 的 描述 在 一 定 程 度 上 可 以 促进 与 会 者 进行 讨论 ， 而 一 个 宛 长 的 描述 则 会 让 人 表 失 兴趣 。 


另外 还 有 一 些 比较 基础 的 技巧 : 


e 所 有 讨论 都 应 该 对 事 不 对 人 (特别 是 一 些 负面 的 总 结 

© 如果 有 人 提出 与 议题 并 不 特别 相关 ， 但 是 又 特别 重要 的 点 时 ， 可 以 将 这 些 点 记 下 来 (不 
要 轻易 打击 发 言 者 的 积极 性 ) 

e 不 定时 的 总 结 ， 以 确保 参与 者 都 在 同一 频道 ， 并 且 有 助 于 大 家 对 进度 的 了 解 (是 不 是 快 
ZRT) 


积 沙 成 塔 


OC pa 
义 。 所 以 你 要 相信 ， 在 未 来 某 个 时 刻 ， 你 会 将 这 些 片 段 串 起 来 ! 


Pte RFRA HM 


当 我 读 完 《程序 员 的 思维 修炼 》 时 ， 有 一 种 韦小宝 和 双 儿 终于 和 八 部 《四 十 二 章 》 中 的 地 图 串 
起 来 的 感觉 。 那 些 原本 琐碎 ， 散 落 的 片段 开始 汇集 ， 并 形成 一 条 明晰 的 线 。 很 多 原来 遇 到 的 
问题 和 困惑 也 都 变 得 清明 而 鲜 活 。 


不 要 理解 错 了 ， 我 可 不 是 说 这 本 书本 身 有 那么 大 的 功效 。 事 实 上 ， 这 种 非常 美妙 的 体验 与 之 
前 的 一 些 阅 读 有 很 大 的 关系 ， 这 上 段 时 间 我 在 读 /重读 的 一 些 书 是 : 


e 《发 布 ! 软件 的 设计 与 部 署 》 

e 《 反 脆弱 》 

e 《系统 思考 》 

© 《第 五 项 修炼 》 

© 《精益 开发 实战 》 

e 《持续 交付 》 

e (RAMA : 一 个 IT 运 维 的 传奇 故事 》 
。 《 认 知 与 设计 》 


不 知道 为 什么 ， 原 标题 为 《Pragmatic Thinking and Learning》 的 书 ， 为 什么 会 被 翻译 为 《 程 
序 员 的 思维 修炼 》， 整 本 书 也 基本 上 没有 什么 程序 员 ， 软 件 开发 相关 的 内 容 。 两 年 前 我 读 了 
几 页 就 放下 了 ， 我 以 为 又 是 一 本 《从 小 工 到 专家 》，《Clean Coder》 之 类 的 书 。 


核心 观念 


事实 上 ，《 程 序 员 的 思维 修炼 》 里 在 讨论 从 大 脑 以 及 人 类 思维 的 方式 。 它 强调 使 用 一 些 实践 
来 提升 大 脑 的 工作 效 举 ， 和 包括 如 何平 衡 使 用 R(Rich) 型 思维 和 L(Linear) 型 思维 (不 是 简单 的 左 
右 脑 思维 ， 人 类 的 神经 系统 比 简单 的 左右 脑 半球 可 要 复杂 的 多 了 ) © 


其 中 为 了 锻炼 RR 型 (基于 图 像 而 非 语言 ， 整 体 而 非 局 部 ， 感 觉 而 非 理性 ) 的 思维 ， 作 者 建议 做 
一 些 编程 、 写 作 之 外 的 练习 。 
比如 我 经 常 做 的 有 : 


e 练习 某 种 武术 (hte BA) 

bes (素描 ， 练 习 手 眼 配 合 ) 

e 把 想到 的 东西 说 出 来 

Miei 二 程 中 ， 你 会 不 自觉 的 脑 部 画面 ) 


这 些 看 似 与 思维 方式 ， 具 体 的 编码 能 力 没 有 关系 的 事情 ， 其 实 会 在 很 大 程度 上 帮助 你 成 为 更 
加 优秀 的 问题 解决 者 。 


在 实际 工作 中 ， 我 们 会 遇 到 很 多 问题 。 这 些 问题 在 最 开始 时 我 们 可 能 只 是 全 瘟 接 受 ， 而 没有 
产生 深层 次 的 思考 。 


比如 为 什么 要 结对 编程 ? 持续 集成 /持续 交付 到 底 要 做 到 什么 程度 ? 如 果 项 目 压 力 很 大 的 话 ， 
要 坚持 编写 自动 化 测试 吗 ? 如 果 客 户 的 组 织 结构 限制 ， 要 载 剪 掉 一 些 实践 ， 如 何 做 平衡 ? 


一 个 部 门 墙 的 例子 


我 去 年 在 客户 现场 做 一 个 项 目的 售 前 ， 在 帮助 客户 梳理 需求 的 时 候 ， 遇 到 一 个 在 我 看 来 十 分 
奇怪 的 需求 : 客户 的 开发 经 理想 要 开发 一 个 接口 管控 系统 。 


客户 团队 在 开发 过 程 中 感觉 很 痛苦 : 正在 开发 的 业务 系统 分 为 很 多 个 组 件 ， 每 个 组 件 都 由 一 
个 独立 的 团队 开发 ， 所 有 的 组 件 会 定期 的 做 集成 。 在 集成 的 时 候 (好 几 周 一 次 ) ， 经 常会 有 
某 些 接口 更 改 之 后 导致 依赖 方 编译 失败 的 情况 。 也 就 是 说 ， 接 口 的 变更 很 难 控制 ， 依 赖 方 基 
于 旧版 本 的 接口 进行 开发 ， 到 集成 的 时 候 发 现 两 者 的 不 匹配 ， 由 于 没有 人 知道 接口 变更 对 其 
他 人 的 影响 ， 排 查 问 题 会 花费 很 长 时 间 。 


RN 
部 门 要 验收 ， 又 没有 一 个 可 用 的 版 本 ， 所 有 压力 就 会 跑 到 开发 部 门 ， 而 这 个 排查 过 程 又 很 费 
时 ， 以 为 着 有 人 需要 加 班 工作 ， 所 以 大 家 对 接口 变更 深恶痛绝 。 


在 这 个 背景 下 ， 客 户 经 理想 要 一 个 接口 管控 系统 来 保证 所 有 的 接口 定义 (C 语 言 的 头 文 件 ， 或 
者 Java 里 的 接口 ) 都 不 能 被 自由 的 变更 ， 这 样 集成 的 时 候 就 不 会 有 问题 了 。 而 如 果 是 在 一 定 
要 修改 的 时 候 ， 通 过 这 个 管控 系统 ， 开 发 经 理 可 以 知道 谁 ， 想 要 在 何 时 ， 发 起 什么 样 的 变 
更 ， 而 影响 的 依赖 方 有 哪些 等 等 信息 。 以 后 还 可 以 对 这 些 变更 进行 统计 ， 分 析 哪 些 接口 是 多 
变 而 不 稳定 的 


如 果 忽 视 这 个 需求 背后 的 不 合理 的 本 质 ， — BAS BARRA 接口 的 实体 ， 
S MONS 息 管 理 系统 来 管理 这 些 实体 ， 能 为 其 开发 dashboard 用 以 展现 接口 的 变 
更 分 析 等 。 


我 看 了 看 客户 团队 搭建 的 jenkins 的 监视 器 ， 问 他 : 你 们 不 是 有 持续 人 为 什么 不 把 
所 有 的 组 件 的 集成 都 放 在 Cl 上 运行 呢 ? 客户 像 看 疯子 一 样 的 看 着 我 ， 说 : 这 些 组 件 是 别 的 部 
门 开 发 的 啊 ! 


我 说 ， 哪 又 怎么 样 呢 ?虽然 不 是 同一 个 部 门 ， 但 是 发 布 的 时 候 总 是 在 一 起 的 ， 放 在 统一 的 持 

续集 成 环境 可 以 保证 变更 的 影响 最 小 化 : 毕 竞 ， 本 质 上 CI 的 作用 就 是 通过 频繁 的 集成 来 尽早 
的 暴露 问题 咏 。 客 户 摇 摇头 ， 说 : 版 本 的 Cl 是 不 能 失败 的 1 我 几乎 要 笑 出 声 来 了 ， 说 : MB 
CI 和 干什么， 如果 它 永远 不 挂 的 话 | 客户 说 : 这 个 是 一 条 开发 纪律 ， 版 本 Cl 失败 了 会 影响 团队 
的 绩效 。 


全 局 优化 


也 就 是 说 ， 从 某 个 时 刻 起 ， 开 发 部 经 理 被 客户 逼迫 着 上 线 ， 但 由 于 产品 的 集成 问题 ， 该 交付 
的 软件 并 没有 如 期 交付 (当然 也 没有 经 过 足够 的 测试 ) -- 因为 没有 一 个 可 用 的 软件 包 。 于 是 
气急 败坏 的 经 理 在 总 结 经 验 的 时 候 定 下 规矩 : 版 本 Cl 不 许 失 败 | 


这 是 一 个 局 部 优化 的 典型 案例 。 








, \ 
/不 持续 集成 
\ 
\ 
不 做 持续 集成 \ 
| 
| 


| l 
| 集成 时 间 变 长 (9: 不 许 有 失败 的 Cl ”依赖 接口 变更 





1 
| 
| 依赖 方 构建 失败 
| 
N | # 
a | /打包 任务 失败 


Pd 





全 局 优化 
在 遇 到 问题 时 ， 人 们 总 是 倾向 于 解决 眼前 的 问题 。 而 这 很 可 能 是 “头痛 医 头 ， 脚 痛 医 脚 的 手 


段 ， 如 果 缺 乏 对 问题 根本 原因 的 分 析 过 程 ， 重 复 的 问题 会 不 断 的 冒 出 来 ， 你 会 为 解决 这 些 救 
火 型 的 而 疫 于 奔 命 。 就 像 《 凤 凰 项 目 》 中 比尔 的 运 维 团队 一 样 ， 团 队 成 员 总 是 被 临时 插入 的 
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紧急 任务 打 断 ， 而 一 旦 团队 将 次 作为 常态 ， 就 再 也 无 法 从 这 种 没有 希望 的 状态 中 解脱 出 来 
了 。 团 队 会 变 得 越 来 越 忙 ， 越 来 越 没有 条 理 。 


全 局 优化 强调 分 析 问 题 的 根本 原因 ， 从 而 更 加 系统 的 进行 调整 ， 而 不 是 做 无 谓 的 局 部 优化 。 


关注 价值 流 
关于 这 一 点 ， 我 事实 上 已 经 整理 了 好 几 篇 博客 了 : 


。 如 何 持久 化 你 的 项 目 经 历 
e 不 想 当 UX 的 开发 不 是 好 咨询 师 


很 多 时 候 ， 程 序 员 很 容易 深 陷 技术 无 法 自拔 ， 而 忽略 了 技术 服务 于 业务 这 个 前 提 。 我 自己 在 
工作 的 前 几 年 也 是 这 样 ， 喜 欢 追 求 纯粹 的 技术 。 业 务 本 身 可 能 并 不 会 比 技术 更 有 意思 ， 但 是 
使 用 技术 来 解决 业务 中 遇 到 的 问题 ， 才 是 程序 员 重 要 的 职责 。 


当然 ， 这 种 短视 并 不 局 限 在 程序 员 身 上 。 我 看 到 了 很 多 的 趾 高 气 兄 的 业务 人 员 ， 对 开发 人 员 
说 : 我 不 管 你 实现 上 的 细节 ， 只 需要 你 能 让 我 完成 X 功 能 和 Y 功 能 就 行 了 ; 也 见 过 抱怨 开发 自 
己 不 自 测 ， 把 压力 push 到 测试 团队 的 测试 人 员 。 


其 实 ， 如 果 将 目光 放 到 价值 流 上 ， 这 种 短视 行为 就 可 能 得 到 改善 。 每 个 独立 的 步骤 : 业务 分 
析 ， 编 码 实现 ， 测 试 等 都 无 法 带 来 实际 的 价值 ， 唯 有 这 个 流程 囊 起 来 才 可 以 。 如 果 团 队 ( 包 
含 了 业务 分 析 ， 开 发 ， 测 试 ， 部 署 ) 都 聚焦 在 价值 流 上 ， 才 可 能 实现 全 局 上 的 优化 行为 。 


在 现实 中 验证 和 优化 


《发 布 》 告 诉 我 们 现实 世界 是 多 么 的 混乱 和 不 可 控 ， 我 们 认为 的 那些 小 概率 事件 其 实 每 天 都 
在 发 生 。 粗 心 的 程序 员 写 错 了 日 志 级 别 ， 结 果 网 站 上 线 之 后 的 几 天 内 日 志 就 写 满 了 磁盘 ; 一 
个 未 赋值 的 环境 变量 导致 使 用 了 该 变量 的 脚本 执行 了 危险 的 操作 ( rm -rf $PREFIX/ ) ; 没有 
为 数据 库 连 接 设 置 合适 的 超时 时 间 而 导致 系统 挂 起 等 等 。 


这 些 在 开发 环境 ， 测 试 环境 ，staging 环 境 无 法 发 现 的 问题 ， 最 终 会 在 产品 环境 中 找到 你 ， 并 
对 你 的 数据 造成 伤害 ， 令 你 的 业务 造成 损失 。 


我 在 很 早 前 的 一 个 项 目 上 ， 经 历 过 这 样 一 个 有 趣 的 生产 问题 ， 直 到 今天 我 还 记忆 犹 新 。 我 为 
一 个 C/S 架 构 的 文件 管理 系统 设计 了 一 个 表 结 构 ， 由 于 我 们 是 用 C 语 言 来 实现 这 个 系统 的 ， 所 
以 不 得 不 定义 了 一 些 这 样 的 结构 体 : 


typedef struct _RemoteFilef{ 
char name[128]; 
char revision[6]; 
WE sta c 

) RemoteFile; 


RA (TA eee ， 这 里 的 版 本 号 定义 成 了 一 个 字符 数组 ， 长 度 为 6。 


基于 某 些 
字段 会 保存 后 台 的 subversion 返回 的 版 本 号 。 


这 个 字 


在 投入 生产 之 前 ， 开 发 和 测试 人 员 分 别 做 了 大 量 的 测试 (好 吧 ， 并 不 是 很 大 量 ， 但 是 确实 做 
了 一 些 测试 ) 。 基 本 功能 都 正常 ， 事 实 上 ， 这 个 系统 良好 的 运行 了 3 周 ， 第 4 周 的 某 一 天 ， 客 
户 突然 抱怨 所 有 文件 都 无 法 提交 到 后 台 系 统 了 。 


用 会 报 一 个 类 似 于 something went wrong 的 错误 ， 我 们 远程 查看 了 后 台 的 日 

， 发现 数据 库 报 了 一 个 主键 冲突 的 异常 。 有 经 过 人 
yt = 系统 > 用 gdb attach 到 进行 上 ， 然 后 单 步 调试 ) ， 我 们 发 现 RemoteFile 这 个 结构 提 
的 revision 中 的 数据 赫然 是 999999 ! ^ 


我 们 后 台 的 文件 管理 系统 是 基于 subversion 开发 的 ， 而 同一 个 subversion 库 会 共享 一 

个 revision 号 : 这 显然 是 一 个 不 断 自 增 的 数字 。 在 短 短 的 3 周 内 ， 疯 狂 的 用 户 们 提交 

了 999999 次 ， 终 于 在 第 1000000 次 时 保存 失败 了 : 事实 上 ， subversion 已 经 执行 成 功 了 ， 
但 是 写 入 数据 库 时 失败 了 。 


有 反 脆 弱 


如 果 没 有 办 法 避免 这 种 失败 (事先 要 考虑 到 这 么 多 的 异常 情况 不 太 现实 ， 而 且 会 投入 过 多 的 
精力 ) ， 那 么 就 需要 设计 某 种 机 制 ， 使 得 当 发 生 这 种 失败 时 系统 可 以 将 损失 降低 到 最 小 。 


另 一 方面 ， 系 统 需要 具备 从 灾难 中 回复 的 能 力 。 如 果 由 于 某 种 原因 ， 服 务 进 程 意外 终止 了 ， 
那么 一 个 watchdog 机 制 就 会 非常 有 用 。 

反 脆 弱 还 包括 系统 需要 提供 足够 的 机 制 来 保护 自己 ， 比 如 熔断 器 模式 ， em 模式 等 等 。 
熔断 器 模式 指 当 应 用 在 依赖 方 响应 过 慢 或 者 出 现 很 多 超时 时 ， 调 用 方 主动 熔断 ， 这 样 可 以 防 
止 对 依赖 方 造成 更 严重 的 伤害 。 过 一 段 时 间 之 后 ， 调 用 方 会 以 较 慢 的 速度 开始 重 试 ， 如 果 依 


赖 方 已 经 恢复 ， 则 逐步 加 大 负载 ， 直 到 恢复 正常 调用 。 如 果 依 赖 方 还 是 没有 就 绪 ， 那 就 延长 
等 待 时 间 ， 然 后 重 试 。 这 种 模式 使 得 系统 在 某 种 程度 上 显现 出 动态 性 和 智能 。 


舱 壁 隔离 模式 指 将 组 件 部 署 在 不 同 的 应 用 容器 中 (独立 进程 ， 独 立 的 JVM 等 ) ， 这 样 避 免 菜 些 
有 缺陷 的 组 件 将 整个 系统 的 资源 耗 尽 ， 影 响 其 他 的 组 件 正常 工作 。 


在 现实 世界 中 ， 设 计 一 个 无 缺陷 的 系统 显然 是 不 可 能 的 ， 但 是 通过 努力 ， 我 们 还 是 有 可 能 设 
计 出 具有 弹性 ， 能 够 快速 失败 ， 从 失败 中 恢复 的 系统 来 。 


基础 设施 


传统 项 目 


2012 年 之 前 ， 我 在 一 家 传统 的 软件 公司 工作 。 每 当 我 们 要 新 启动 一 个 项 目 时 ， 项 目 经 费 中 总 
会 有 一 项 “硬件 采购 ”"。 其 中 会 描述 我 们 需要 多 少 台 服 务 器 (开发 环境 ， 测 试 环境 ，UAT， 生 产 
F) ， 还 会 描述 每 个 服务 器 的 规格 (网 卡 配 置 ， 内 存 ， 硬 盘 等 ) 。 当 机 器 购买 到 之 后 ， 我 们 

需要 将 其 部 署 到 机 房 ， 接 上 网 线 ， 然 后 由 专门 的 运 维 工程 师 为 其 配置 操作 系统 ， 网 络 ， 其 至 

数据 库 系 统 。 


在 开发 过 程 中 ， 如 果菜 个 环境 由 于 茶 些 原因 崩溃 了 (比如 加 班 到 深夜 的 程序 员 睡 眼 悍 恰 的 执 

行 了 rm -rf / ) ， 就 只 好 等 运 维 工程 师 重 新 安装 。 有 时 候 ， 我 们 会 想 想 何不 把 系统 做 成 一 个 
镜像 呢 ? 就 像 虚拟 机 那样 ， 如 果 使 用 虚拟 机 ， 每 当 团 队 里 有 人 要 使 用 Linux 时 ， 我 们 可 以 拷贝 
—4 8,15. 25 f » 48 X 将 C UE A At AAA TX NET 


MEE 3 > zr X. Zn Lax zm 小 
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有 了 环境 之 后 ， 开 发 人 员 开始 写 代码 ， 并 定期 打包 ， 然 后 部 署 到 各 个 环境 (有 时 候 还 要 为 64 
位 机 器 和 32 位 机 器 分 别 构建 不 同 的 软件 包 ) 。 运 维 部 门 有 些 聪 明 的 家 伙 会 编写 一 些小 脚本 ， 
通过 ssh 到 不 同 机 器 来 上 传 应 用 文件 ， 重 局 J2EE 容器 等 ， 这 样 他 们 只 需要 维护 一 组 IP 地 址 就 
可 以 了 。 


但 是 现实 世界 是 复杂 的 ， 比 如 开发 人 员 在 J2EE 应 用 中 使 用 了 properties 文件 来 指定 数据 库 
的 url 和 文件 服务 器 的 地 址 ， 这 些 配 置信 息 在 测试 环境 ，staging 环 境 都 是 不 一 样 的 ， 这 样 导 致 
的 一 个 问题 是 : 要 么 我 们 为 不 同 的 环境 打 不 同 的 包 ， 要 么 将 配置 文件 放 在 war 包 外 边 ， 然 后 
让 运 维 工 程 师 在 部 署 的 时 候 ， 根 据 实际 情况 来 修改 这 个 properties ， 之 后 重启 容器 即 可 。 


当 环 境 慢 慢 变 得 多 起 来 的 时 候 ， 你 就 可 以 想像 运 维 工程 师 的 脸色 有 多 难看 。 程 序 员 最 痛恨 的 
就 是 重复 劳动 了 ， 运 维 工程 师 也 一 样 ， 谁 会 喜欢 每 周三 晚上 都 工作 到 12 点 来 部 署 另 一 个 部 门 
AAR xa 程序 呢 ? 


目 动 化 环境 搭建 


自动 化 


我 们 来 梳理 一 下 上 面 这 个 场景 里 的 问题 : 


e 开发 自己 不 做 部 署 

e 环境 的 安装 是 手工 的 

e 应 用 的 配置 信息 需要 手工 修改 
除了 艺术 品 之 外 ， 在 工业 社会 里 ， 手 工 就 意味 着 低 效 ， 容 易 犯 错 ， 且 不 可 持续 。 一 切 可 以 自 
动 化 的 ， 都 应 该 被 自动 化 起 来 。 
一 个 软件 系统 往往 会 包含 很 多 的 组 件 (消息 队列 服务 ， 应 用 服务 器 ， 数 据 库 服务 器 ， 负 载 均 
衡器 ， 反 向 代理 ， 文 件 服务 器 等 ) ， 而 且 每 一 套 环 境 (开发 环境 ， 测 试 环境 ，UAT， 
Staging， 生 产 ) 还 有 自己 独立 的 组 件 。 
因此 一 个 操作 系统 要 被 配置 成 系统 的 某 个 组 件 还 需要 做 很 多 工作 : 以 Java 为 例 ， 我 们 需要 安 
装 特 定 版 本 的 JDK， 设 置 CLASSPATH 环境 变量 ， 修 改 操作 系统 的 内 核 参 数 ， 创 建 特 定 用 户 ( 数 
据 库 用 户 等 ) ， 修 改 一 些 目录 的 权限 等 等 。 这 些 操作 如 果 交 给 人 工 来 完成 ， 必 然 会 出 现 各 种 
错误 ( 想 想 这 个 过 程 要 被 在 不 同 的 环境 中 重复 多 遍 ， 出 错 的 机 率 会 大 大 增加 ) © 


事实 上 业界 已 经 有 了 很 多 帮助 开发 / 运 维 工程 师 进 行 环境 安装 的 工具 ， 上 比如 


e Chef 
e Puppet 
e Ansible 


前 两 者 我 已 经 在 《 轻 量 级 Web 应 用 开发 》 有 过 介绍 ， 这 里 我 们 以 ansible 为 例 来 描述 。 


Vagrant 


Vagrant 提供 对 虚拟 机 的 封装 ， 使 用 它 可 以 很 容易 的 通过 配置 的 方式 来 定义 一 个 虚拟 机 。 


使 用 vagrant ， 你 只 需要 定义 一 个 文本 文件 vagrantfile PPT ° vagrant 自 带 的 命令 行 工 
E vagrant 会 尝试 加 载 这 个 文件 ， 并 按照 其 中 的 配置 来 启动 虚拟 机 。 vagrantfile 按 

BR ruby 的 语法 编写 ， 不 过 不 用 担心 ， 你 无 需 在 其 中 定义 函数 或 者 类 ? 只 需要 做 一 些 配置 即 
可 。 


下 面 是 一 个 简单 的 虚拟 机 定义 : 


Vagrant.configure("2") do |config| 

config.vm.box - "precise64" 

config.vm.network "private network", :ip -» "192.168.2.100" 
end 


我 们 指定 了 虚拟 机 使 用 precise64 〈precise 是 一 个 ubuntu 的 发 行 版 ，64 表 示 它 是 一 个 64 位 系 
统 的 镜像 ) 这 样 一 个 镜像 ， 并 且 给 这 个 虚拟 机 分 配 一 个 私有 的 |P 地 址 ， 这 样 我 们 就 可 以 在 宿 
主 环境 中 通过 这 个 IP 来 访问 该 虚拟 机 了 。 


定义 了 vagrantfile 之 后 ， 使 用 vagrant 工具 的 子 命令 就 可 以 启动 虚拟 机 了 


$ vagrant up 


你 可 以 在 virtualBox 的 界面 里 看 到 正在 运行 的 虚拟 机 (Vagrant 在 底层 使 用 了 VirtualBox 的 虚 
拟 机 ， 而 不 是 自行 开发 另外 一 套 ) 


eoe Oracle VM VirtualBox Manager 


D TE @ Snapshots 


New Settings Show Discard 


PseudoReact Œ, General [E] Preview 
@ Inaccessible 
Name: de 


V 

haapp_default_1435... Operating System: Linux 2.6 / 3.x (64 bit) 

© Aborted System 

vm_default_1442202... Base Memory: 1024 MB 

@ Aborted Boot Order: CD/DVD, CD/DVD, Hard Disk 
Acceleration: | VT-x/AMD-V, Nested Paging, PAE/NX 

mapserver_default_... 

@ Powered Off 


wfs-server_default_... 
@ Powered Off 





Display 
cache-server_defaul... Video Memory: 8 MB 
@ Powered Off Remote Desktop Server: Disabled 
Video Capture: Disabled 
zabbix-server_defau... 
@ Powered Off Storage 
monitoring_default_... D Audio 
@ Powered Off Disabled 
dev . up Network 
d Running 
@ USB 
Google Nexus 4... (...) : 
@ Powered Off Disabled 





6 e RE AS RS AS BS AS AS be 


Shared folders 
Shared Folders: 1 
@ Description 





$ vagrant ssh 


来 登录 到 虚拟 机 中 。 
如 果 你 不 知道 使 用 哪个 镜像 ， 不 知道 如 何 配置 vagrantfile ， 可 以 使 用 这 个 命令 来 从 头 开始 : 


$ vagrant init hashicorp/precise64 


$ vagrant up 


vagrant 命令 会 自 动 下 载 镜 像 ， 并 设置 环境 ， 然 后 启动 虚拟 机 

在 工程 实践 里 ，vagrantfile 会 checkin 到 代码 库 中 ， 这 样 团队 里 的 其 他 人 也 可 以 很 容易 的 在 
本 地 重新 搭建 相同 的 环境 。 另 外 ， 我 推荐 你 将 box 的 版 本 尽量 和 生产 环境 一 致 ( 比如 都 使 用 
ubuntu 的 precise64 位 ) ， 这 样 可 以 尽早 发 现 一 些 环境 相关 的 问题 。 


初始 化 环境 


Vagrant x 还 提供 了 丰富 的 机 制 来 初始 化 环境 。 你 可 以 使 用 简单 的 shell 脚本 ， 或 者 全 功能 
的 ansible ， Chef 等 来 初始 化 环境 。 


设想 你 需要 在 虚拟 机 环境 就 绪 后 ， 在 vagrant 用 户 的 home 目 录 下 创建 一 个 叫 workers 的 目 
录 ， 安 装 一 个 叫 wget 的 软件 包 ， 然 后 下 载 一 个 网 络 上 的 文件 到 workers 目录 。 


要 完成 这 样 的 动作 ， 我 们 可 以 在 当前 目录 (和 vagrantfile 放 在 一 起 ) 创建 一 个 setup.sh 的 
脚本 : 


#!/usr/bin/env bash 


mkdir -p ~/workers 

sudo apt-get update 

sudo apt-get install wget 

wget http://host:port/resource.zip -O ~/workers/resource. zip 


后 在 Vagrantfile 中 加 入 : 


Vagrant.configure("2") do |config| 
config.vm.box = "precise64" 
config.vm.provision :shell, path: "setup.sh" 


end 


当 vagrant 在 初始 化 虚拟 机 的 时 候 ， 会 执行 setup.sh ， 这 样 我 们 就 得 到 了 一 个 经 过 设置 的 环 


境 。 设 置 环境 可 能 会 是 一 个 非常 复杂 的 过 程 ， 比 如 安装 Web 服 务 器 ， 定 义 缓存 目录 ， 安 装 监 
服务 器 的 客户 端 ， 为 某 些 应 用 程序 创建 专用 用 户 ， 修 改 权 限 等 等 ， 如 果 用 shell 来 号， 会 比较 


Vagrant 支持 很 多 的 provision 的 工具 ， 比 如 ansible 来 完成 这 种 复杂 的 操作 。 


re 
7E 
I 


Ansible 


Ansible 是 一 个 自动 化 配置 工具 ， 相 对 于 chef ， Puppet ， 它 的 安装 和 配置 更 加 简单 〈 无 需 在 
被 配置 的 服务 器 安装 额外 的 Agent 程 序 ) 。 它 通过 ssh 将 一 些 Ansible 模 块 部 署 到 远程 机 器 
上 ， 然 后 执行 。 


使 用 Ansible 可 以 同时 配置 ， 更 新 多 个 机 器 。 目 前 很 多 企业 都 会 使 用 各 种 各 样 的 云 产 品 ， 比 
如 AWS 的 EC2， 阿 里 云 等 ， 通 过 ansible 可 以 很 容易 的 将 这 些 环境 配置 变 成 自动 化 。 在 企业 
内 部 的 私有 云 (从 一 台 服 务 器 划分 出 来 的 众多 虚拟 机 ) 中 ， 也 可 以 使 用 ansible 来 减少 配置 
环境 的 时 间 ， 提 高 效率 。 


在 一 个 冬日 的 下 午 ， 我 和 一 个 新 手 程 序 员 结对 在 服务 器 上 修改 tomcat 服务 器 的 一 些 日 志 的 配 
置 ， 折 腾 了 很 久之 后 ， 我 放弃 了 。 我 心 想 ， 要 不 删 了 webapps 这 个 目录 重新 部 署 一 下 看 看 

吧 ， 可 能 是 缓存 问题 也 说 不 定 。 不 过 ， 头 看 脑 涨 的 我 并 没有 发 现 敲 入 的 命令 是 rm -rf 
/usr/share/tomcat7 ° 新 手 程序 员 问 我 ， rm -rf 是 什么 意思 ? 我 一 边 用 力 的 敲 下 回 车 键 ， 一 
遍 警告 这 个 新 手 : “rm -rf 是 一 个 非常 危险 的 操作 ， 它 表示 要 强力 删除 整个 .…...”。 等 我 发 现 我 
删除 的 是 tomcat7 的 时 候 已 经 太 晚 了 ， 我 们 的 QA 环境 彻底 挂 了 ， 所 有 人 都 被 block 住 了 (还 好 
不 是 在 其 他 人 给 客户 showcase 的 时 候 ) 。 


另 一 个 工程 师 ， 我 们 姑且 称 之 为 运 维 工 程 师 吧 ， 花 费 了 好 几 个 小 时 来 重新 安装 tomcat ， 以 及 
其 中 的 各 种 jvm BR 9 


我 们 在 随后 的 几 周 里 ， 引 入 了 ansible > HERE k RAKE ARRNRAT BA 
致命 的 命令 也 无 所 谓 ， 我 们 只 需要 2 分 钟 就 可 以 配置 好 一 个 tomcat RAB > aay o 


惯例 

Ansible 中 的 一 些 关 键 概念 : 

1. role 定义 一 个 角色 ， 比 如 nginx 就 可 以 是 一 个 角色 ， 要 完成 nginx 的 安装 需要 很 多 小 的 步 
骤 ， 这 些 步 骤 都 包含 在 nginx 这 个 role 中 

2. inventory 定义 一 组 环境 ， 比 如 Web 服 务 器 需要 三 台 做 负载 均衡 ， 数 据 库 由 两 台 服务 器 组 


成 等 ， 这 些 都 可 以 通过 inventory 文 件 来 描述 ，inventory 文 件 被 称 为 清单 文件 
3. playbook 定义 在 哪些 inventory 应 用 哪些 role 


Ansible 中 有 一 些 惯例 ? 遵循 这 些 惯例 有 助 于 你 快速 读 懂 其 他 人 写 的 playbook / role ° 





production # 生产 环境 的 清单 文件 
staging # Staging 环 境 的 清单 文件 
qa # 测试 环境 的 清单 文件 
site.yml # playbook 


webservers.yml 


webik 2- 3$ #4 playbook 


dbservers.yml # 数据 库 服务 器 的 playbook 
roles/ 
common/ # this hierarchy represents a "role" 
tasks/ # 
main.yml # 具体 任务 定义 
handlers/ # 
main. ym1 # 回调 任务 
templates/ H 
nginx.conf.j2 # 模板 文件 
files/ # 
app. conf # 需要 拷贝 到 被 配置 环境 中 的 文件 
vars/ # 
main .yml # REEL 
defaults/ # 
main. ym1 # 低 优先 级 变量 定义 
meta/ # 
main.yml # 元 数据 ， 用 以 表述 作者 信 定义 依赖 等 
webtier/ # 另外 一 个 role， 结 构 和 `common 一致 
monitoring/ # 用 于 监控 的 role， 结 构 同 上 


比如 一 个 简单 的 inventory 文件 看 起 来 是 这 样 的 : 


[webservers] 
49:2972::] 
190:29.2.2 
107207273 


[dbservers] 
10.29.2.4 
100297275 


没 错 ， 它 就 是 一 个 简单 的 ini 文 件 。 如 果 你 需要 添加 新 的 机 器 ， 只 需要 将 域名 /IP 地 址 添加 到 对 
应 的 小 节 即 可 。 


Ansible 使 用 yml 作 为 配置 ， 我 们 来 看 一 个 playbook 的 例子 


- name: webservers 
hosts: webservers 
roles: 


roles/nginx 
user: robot 
sudo: true 


- name: dbservers 

hosts: dbservers 

roles: 
- roles/mongodb 

user: robot 

sudo: true 

environment: 
http proxy: http://user:pass@proxy.host:8080 
https proxy: http://user:pass@proxy.host:8080 


个 playbook 定 义 了 两 个 环境 的 配置 信息 : webservers 和 dbservers ° webservers 中 的 所 有 
nginx 角色 (安装 fe At nginx ， 并 局 动 nginx 服 务 ) ' 而 dbservers 中 的 主机 会 
被 应 用 mongodb 的 角色 。 


在 dbservers 中 ， 我 们 还 加 入 了 environment 节 ， 其 中 定义 了 可 以 用 在 安装 过 程 中 的 一 些 环境 


变量 设置 。 


定义 好 之 后 ， 你 可 以 通过 下 列 命令 来 执行 这 个 playbook 


ansible-playbook -i qa playbook.yml 


> 


>A 


Ansible 内 置 了 很 多 常用 的 命令 来 简化 配置 的 工作 ， 比 如 安装 软件 包 ， 拷 贝 文件 ， 使 用 模 
板 ， 创 建 用 户 ， 创 建 目录 等 。 


安装 软件 包 


- name: install package 
apt: name=nginx state=present 


apt 命令 可 以 用 于 安装 一 个 软件 包 ， 它 相当 于 在 主机 上 执行 apt-get install nginx -y 。 如 果 
你 需要 安 安装 装 多 个 软件 包 可 以 采用 with_items 子 命令 


- name: install packages 
apt: name={{ item }} state=present 
with_items: 
- nginx 
- python 
- git 
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- name: create directory 
file: path=/home/vagrant/workers state=directory 


拷贝 文件 


- name: copy file to workers folder 
copy: src=resource.zip dest=/home/vagrant/resource.zip 


如 果 你 要 使 用 的 命令 ， 正 好 ansible 没有 内 置 ， 你 还 可 以 使 用 command 命令 来 执行 : 


- name: universal command 
command: ls -alt /home/vagrant 


如 果 要 完成 Vagrant 小 节 中 的 例子 ， 我 们 的 配置 看 起 来 就 是 这 样 的 : 


- name: create directory 
file: path=/home/vagrant/workers state=directory 


- name: install package 
apt: name=wget state=present 


- name: download file 
command: wget http://host:port/resource.zip -O -/workers/resource.zip 


当然 ， 根 据 预 定 ， 我 们 会 把 变量 放 在 vars 目录 的 main.yml 中 ， 比 如 上 面 apt 例子 中 的 多 个 
包 的 安装 ， 我 们 会 在 vars/main.yml 中 定义 变量 


packages : 
- nginx 
- python 
- git 


然后 在 tasks/main.yml 中 引用 : 


- name: install packages 
apt: name={{ item }} state=present 
with_items: '{{ packages }}' 


独立 使 用 


通常 我 们 会 在 一 个 Linux 环 境 安装 ansible ， 这 个 环境 专门 做 环境 初始 化 的 工作 。 如 果 你 使 用 
ubuntu 环境 ， 可 以 通过 预 编 译 的 二 进 制 包 来 安装 : 


sudo apt-get install software-properties-common 
sudo apt-add-repository ppa:ansible/ansible 
sudo apt-get update 
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sudo apt-get install ansible 


当然 ， 你 也 可 以 通过 源码 来 安装 : 


$ git clone git://github.com/ansible/ansible.git --recursive 
$ cd ./ansible 

$ source ./hacking/env-setup 

$ sudo make install # 安 装 到 系统 路 径 ， 其 他 用 户 也 可 以 使 用 


安装 完成 之 后 ， 你 会 得 到 ansible 命令 和 ansible-playbook 命令 。 


在 执行 ansible 命令 之 前 ， 我 们 需要 定义 ansible 对 应 的 远程 机 器 列表 配置 。 你 需要 
在 /etc/ansible/hosts 文件 中 添加 所 有 需要 配置 的 机 器 IP 地 址 或 者 域名 (如 果 没 有 这 个 目录 和 
文件 ， 可 以 直接 创建 ) 。 
文件 内 容 就 是 每 个 地 址 一 行 的 形式 : 
10.29.2.1 


101297272 
10.29.2.3 


ansible 命令 可 以 用 来 向 inventory 执 行 shell 命 令 ， 比 如 : 


$ ansible all -m ping -u robot -b --become-user root 


上 面 的 命令 会 向 主机 all ( /etc/ansible/hosts 文件 中 指定 的 所 有 地 址 ) ， 执行 一 
个 Ansible 模块 ping (-mping) ， 使 用 用 户 robot (-urobot) ， 并 且 以 另 一 个 用 户 身 
份 root (-b --become-user root) 。 


如 果 没 有 设置 过 ssh 的 私 钥 ， 还 需要 指定 --ask-pass HMR» SM ansible 会 尝试 用 ssh 登 
陆 ， 然 后 失败 。 


$ ansible all -m ping -u robot -b --become-user root --ask-pass 


除了 使 用 内 置 模块 之 外 ， 你 开 可 以 使 用 其 他 任何 shell 命 令 : 


$ ansible all -a "/bin/echo hello" -u robot --ask-pass 
Ansible 会 直接 在 远程 机 器 上 执行 对 应 的 shell 命 令 。 


在 Vagrant 中 使 用 


Vagrant 可 以 很 容易 的 和 ansible 集成 在 一 起 ， 只 需要 指 


m 


A. config.vm.provision A ansible PPT : 


Vagrant.configure("2") do |config| 
config.vm.provision :ansible do |ansible| 
ansible.playbook = "playbook.yml" 
end 
end 


当然 ， 你 可 以 定义 多 个 虚拟 机 ， 然 后 并 发 的 来 自动 化 配置 ， 比 如 像 这 样 : 


(1..5).each do |machine_id| 
config.vm.define "machine#{machine_id}" do |machine| 
machine.vm.hostname = "machine#{machine_id}" 
machine.vm.network "private_network", ip: "192.168.2.#{20+machine_id}" 


if machine_id == 
machine.vm.provision :ansible do |ansible| 
ansible.limit = "all" 
ansible.playbook = "playbook.yml" 
end 
end 
end 
end 


*® # 4% K 4 Docker 


和 微服 务 一 起 火 起 来 的 ， 还 有 容器 技术 。 通 过 容器 技术 ， 应 用 程序 可 以 和 环境 打包 在 一 个 包 
中 ， 然 后 运行 在 任何 支持 容器 a ， 容 器 隔离 了 所 有 的 物理 层 。 这 使 得 人 们 非常 轻 
量 级 地 、 安 全 可 靠 地 发 布 软件 包 (包含 了 应 用 程序 和 运行 时 环境 ) o 


传统 意义 上 ， 人 们 在 持续 发 布 流水 线 上 编译 ， 测 试 ， 构 建 出 一 个 软件 包 ， 然 后 再 自动 化 配置 
一 套 环 境 ， T 。 现 在 人 们 可 以 很 容易 的 为 流水 线 添加 一 个 新 ， 使 其 构建 
出 一 个 独立 的 容器 。 这 个 容器 可 以 直接 运行 在 像 AWS 这 样 的 云 提供 商 的 机 器 上 。 


Docker 是 目前 最 为 流行 的 容器 技术 ， 它 可 以 运行 在 主流 的 Linux 主 机 上 (内 核 版 本 3.10 以 
+) 。 通 过 Docker Toolbox， 你 还 可 以 在 Mac 下 ， 基 至 Windows 上 运行 Docker (当然 ， 只 是 
Docker 的 客户 端 ， 但 是 即使 这 样 也 可 以 获得 Docker 带 来 的 好 处 ) 。 


如 果 你 在 Mac 下 工作 (如 果 在 Linux 下 工作 ， 按 照 官方 的 指导 即 可 ， 如 果 在 Windows 下 工作 ， 
那 我 建议 你 还 是 换 成 Linux 或 者 Mac 吧 ) ， 可 以 安装 Docker Toolbox 来 使 用 Docker。 Docker 
Toolbox 中 包含 了 一 组 工具 ， 包 括 : 


e docker-machine 应 用 程序 
e docker-compose 应 用 程序 
e Kitematic，docker 的 图 形 化 客户 端 


e VirtualBox 
e 包含 了 Docker 所 需 配 置 的 shell 环 境 
概念 


事实 上 ， 我 们 通常 说 的 Docker 分 为 三 个 部 分 : 


e docker daemon (只 能 运行 在 Linux 下 ， 使 用 了 Linux 的 一 些 内 核 特性 ) 
e docker client (客户 端 程 序 ， 可 以 运行 在 Linux/Mac/Windows 下 ) 
e container (容器 ， 和 包含 了 应 用 程序 和 其 依赖 的 环境 ) 


在 Linux 环 境 中 ， 这 三 者 都 在 同一 个 环境 中 : 


容器 技术 





而 在 Mac 和 Windows 中 ，docker client 运 行 在 宿主 环境 中 ，docker daemon 和 container 都 在 一 
个 Linux 的 虚拟 机 中 : 


Docker Daemon 





Mac 


docker-machine 


docker-machine 可 以 用 来 创建 和 管理 Linux 虚 拟 机 ， 这 些 Linux 虚 拟 机 具备 了 运行 Docker 
Daemon 的 条 件 。 宿 主 操作 系统 的 客户 端 可 以 连接 到 该 Linux 虚 拟 机 。 


你 可 以 使 用 下 面 的 命令 来 创建 一 个 虚拟 机 : 


$ docker-machine create --driver virtualbox myvm 
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使 用 : 


$ docker-machine ls 


来 查看 已 经 运行 的 docker 虚拟 机 : 


$ docker-machine ls 
NAME ACTIVE DRIVER STATE URL SWARM 
dev virtualbox Running tcp://192.168.99.100:2376 


可 以 看 到 ， 我 本 地 有 一 台 名 为 dev 的 虚拟 机 ， 状 态 为 运行 中 。 如 果 这 个 机 器 没有 启动 
(STATE 状态 部 位 Running) ， 你 可 以 通过 


$ docker-machine start dev 


来 启动 它 。 启 动 之 后 ， 你 可 以 使 用 env 子 命令 来 查看 机 器 的 配置 


$ docker-machine env dev 

export DOCKER_TLS_VERIFY="1" 

export DOCKER_HOST="tcp://192.168.99.100:2376" 

export DOCKER_CERT_PATH="/Users/jtqiu/.docker/machine/machines/dev" 
export DOCKER_MACHINE_NAME="dev" 

# Run this command to configure your shell: 

# eval "$(docker-machine env dev)" 


事实 上 ， 你 可 以 创建 多 个 docker 虚拟 机 ， 因 此 在 你 的 shell 中 执行 下 列 命令 来 设置 环境 变量 : 


eval "$(docker-machine env dev)" 


这 样 ， 你 本 地 的 环境 变量 如 DOCKER HOST ， DOCKER MACHINE NAME 等 就 会 被 设置 为 虚拟 
机 dev 对 应 的 值 ， 后 续 的 所 有 docker 客 户 端 命令 就 会 在 该 机 器 上 生效 。 


启动 了 docker 虚拟 机 之 后 ， 你 就 可 以 使 用 docker 客户 端 程序 来 启动 container 了 


$ docker run -d -P --name web nginx 


这 条 命令 会 使 用 nginx 这 个 docker image 来 启动 一 个 容器 ， 容 器 的 名 字 叫 web 。 默 认 的 
docker 在 执行 完 命令 之 后 会 退出 ， -d 选项 使 其 进入 后 台 服 务 模式 ， 即 不 退出 。 -p 选项 会 将 
容器 中 的 端口 暴露 给 宿主 环境 。 


如 果 你 本 地 没有 nginx 镜像 ，docker 会 尝试 从 远程 的 中 心 仓库 下 载 该 镜像 ， 最 后 启动 : 


器 技术 


wy 
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yN 


$ docker run -d -P --name web nginx 

Unable to find image 'nginx:latest' locally 
Pulling repository docker.io/library/nginx 
cOe6aba9c87a: Pulling dependent layers 


启动 之 后 ， 你 就 可 以 通过 pockER Hosr 对 应 机 器 的 80 端 口 来 访问 该 nginx 实 例 了 : 


f° gym 各 | 


€ e 192.168.99.100:32769 


Welcome to nginx! 


If you see this page, the nginx web server is successfully installed and 
working. Further configuration is required. 


For online documentation and support please refer to nginx.org. 
Commercial support is available at nginx.com. 


Thank you for using nginx. 


docker-compose 
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在 软件 开发 过 程 中， 除了 功能 需求 (用户 可 以 购物 ， 可 以 下 订单 等 ) 之 外 ， 还 有 很 多 需求 需 
要 确定 。 这 些 需求 与 具体 的 业务 需求 没有 关系 ， 却 对 整个 系统 有 着 十 分 重要 的 影响 。 


这 里 略 举 几 个 例子 : 


安全 性 

吞吐 量 

负载 

响应 速度 

日 志 记 录 

备份 方案 ( 归档 ) 

可 扩展 性 (横向 扩展 ， 水 平 扩展 ) 


每 个 业务 系统 都 或 多 或 少 需要 涉及 这 些 httk ， 但 是 各 个 系统 的 要 求 有 不 尽 相 同 。 一 个 网 
上 银行 系统 ， 和 一 个 企业 内 部 的 知识 管理 系统 对 安全 性 的 要 求 就 完全 不 一 样 。 业 务 面向 全 球 
的 电 商 网 站 ， 和 西安 市 的 驾校 预约 网 站 对 吞吐 量 和 响应 速度 的 要 求 也 不 会 一 样 。 


在 梳理 了 业务 方面 的 需求 之 后 ， 我 们 还 需要 对 非 功 能 需求 进行 深入 的 讨论 和 了 解 ， 这 在 我 们 
做 技术 选 型 时 会 有 巨大 的 影响 。 


Wd 
uL JE 


e 应 用 状态 
e 系统 状态 


Metrics 


dependencies { 
compile 'org.springframework:spring-context:4.2.4.RELEASE' 
compile 'org.springframework.data:spring-data-mongodb:1.8.4.RELEASE' 


compile 'io.dropwizard.metrics:metrics-core:3.1.2' 
compile 'io.dropwizard.metrics:metrics-jvm:3.1.2' 
compile 'io.dropwizard.metrics:metrics-graphite:3.1.2' 
compile 'com.ryantenney.metrics:metrics-spring:3.1.3' 


@Configuration 
@EnableMetrics 
public class MetricsConfig extends MetricsConfigurerAdapter { 


@Override 
public void configureReporters(MetricRegistry metricRegistry) { 
Graphite graphite = new Graphite(new InetSocketAddress("192.168.99.100", 2003) 
); 
GraphiteReporter graphiteReporter = GraphiteReporter.forRegistry(metricRegistr 
y) 
.prefixedWith("juntao-laptop") 
.convertRatesTo(TimeUnit.SECONDS) 
.convertDurationsTo(TimeUnit.MILLISECONDS) 
.filter(MetricFilter.ALL) 
.build(graphite); 


registerReporter(graphiteReporter); 


graphiteReporter.start(1, TimeUnit.MINUTES); 


metricRegistry.registerAll(new MemoryUsageGaugeSet( )); 
metricRegistry.registerAll(new ThreadStatesGaugeSet()); 


@RestController 
public class PersonController { 
@Autowired 
private PersonRepository personRepository; 


@Metered(absolute = true, name = "metered.people.get.all") 
@Timed(absolute = true, name = "people.get.all") 
@RequestMapping(value ="/people", method = RequestMethod.GET) 


public List<Person> findAll() { 
return personRepository.findAll(); 


Graphite 
Grafana 


collectd 


技术 选 型 


2011 年 ， 我 们 项 目 组 在 开发 一 个 给 公司 内 部 使 用 的 IDE ， 这 个 |DE 是 一 个 典型 的 C/S 结 构 的 软 
件 ， 客 户 端 使 用 VC 编写 ， 服 务 器 端 则 运行 在 Linux 上 ， 所 有 的 编译 ， 链 接 ， 模 拟 运 行 等 都 在 
服务 器 上 ， 客 户 端 只 提供 一 个 简单 的 文本 编辑 器 


客户 端 与 服务 器 通过 一 系列 的 服务 来 通信 ， 这 些 服务 有 点 像 当 时 比较 流行 的 SOAP 方 式 ， 但 是 
又 不 完 全 是 ( 比如 没有 服务 发 现 ) o 比如 创 建文 件 > 编译 模块 ， 测试 模块 都 是 不 同 的 服务 9 客 
户 端 通过 HTTP 来 调用 这 些 不 同 的 服务 ， 来 提供 完整 的 功能 。 


截止 目前 ， 听 起 来 还 挺 正 常 吧 ? 问题 是 ， 后 台 使 用 了 C 作 为 主要 编程 语言 ， 数 据 库 访问 使 用 
Oracle 提 供 的 ProC ( 那 确实 是 个 灾难 ， 你 应 该 可 以 想象 在 C 语 言 中 上 座 入 那些 奇形怪状 的 预 处 
理 代码 有 多 恶心 ) ， 再 往 后 是 TUXEDO 中 间 件 。 


// 这 个 例 Oracle Proc 


RD ae acle.com/cd/E11882 01/appdev.112/e10825/pc 08arr.htmZg20885 


int emp number[290]; 
float salary[20]; 


EXEC SQL DECLARE emp cursor CURSOR FOR 
SELECT empno, sal FROM emp; 


EXEC SQL OPEN emp cursor; 


EXEC SQL WHENEVER NOT FOUND do break; 
for (;;) 
t 

EXEC SQL FETCH emp cursor 


INTO :emp number, :salary; 


/* process batch of rows */ 


我 们 项 目 中 有 6 个 开发 ，3 个 测试 ， 项 目 进 行 了 差不多 1 年 ， 仍 canna oe 4 
来 部 门 决定 换 掉 那个 老 旧 的 Tuxedo ， 换 成 另 一 个 自己 写 的 用 C 语 言 编 写 的 中 间 件 。 这 个 工具 
后 来 在 深圳 分 公司 做 试点 ， 但 是 依旧 不 是 很 稳定 。 通 过 这 个 IDE 开 发 出 来 的 服务 很 难 调 试 ， M 
们 不 得 不 将 对 gdb 进行 了 部 分 封装 ， 然 后 尝试 使 用 netbeans 协议 来 做 远程 的 debug， 不 过 
程 中 发 现 这 种 机 制 需要 编写 很 多 代码 ， 而 且 这 部 分 代码 则 更 加 难以 调试 。 


一 个 折 中 的 办 法 是 让 开发 通过 ssh 远程 登录 到 服务 器 上 ， 用 gdb attach 到 对 应 的 进程 上 进行 
调试 。 不 过 这 个 由 于 IDE 的 设计 初衷 相 违 oe 个 IDE 的 目的 是 降低 服务 的 开发 难度 而 不 是 增 
m) 。 印 象 中 ， 在 我 离开 那个 项 目 之 前 ， 这 个 问题 都 没有 得 到 很 好 的 解决 。 


这 是 一 个 典型 的 ， 被 技术 选 型 害 了 的 场景 。 如 果 我 们 使 用 更 易于 开发 ， 调 试 ， 维 护 的 Java 平 
台 ， 或 者 动态 语言 如 Ruby，Python， 开 发 周期 至 少 可 以 缩短 一 半 。 至 于 设计 时 考虑 的 那些 性 
能 问题 ， 其 实 很 可 能 并 不 是 丨 正 的 问题 ， 我 们 并 不 需要 支持 数 万 人 同时 在 线 ， 也 无 需 考 虑 超 
大 规模 的 数据 库 备 份 方 案 ， 毕 竞 当 时 整个 公司 的 开发 也 不 过 200 人 。 


我 们 选择 了 错误 的 编程 语言 ， 错 误 的 数据 库 模型 ， 错 误 的 软件 架构 ， 实 现 了 一 个 没有 太 多 人 
使 用 的 "产品 "。 其 实 归纳 起 来 ， 成 语 ymma 可 以 很 传神 的 描述 我 们 做 的 事情 。 


技术 选 型 


TE TRA 


e LR xx OE HH 

e C/S 

e B/S 

e B/S+ 

e FRA (WebJRARGE mmm S4 AB > DNS) 


一 人 > 山 
Al) Fig 
e 浏览 器 兼容 性 


。 响应 式 设计 
e 移动 端 网 站 


e 前 端 模板 


e CSS ^ JSTRü 4b 99 25 
e 前 端 框架 选择 
e 测试 工具 


移动 端 
Native 


Hybird 


e 业务 模型 (动态 模型 NoSQL ) 


e 通信 协议 
e 构建 工具 


e Web 框 架 
e 测试 工具 


数据 存储 
关系 数据 库 
NoSQL 
项 目 保 证 
e 源码 管理 
持续 集成 


环境 搭建 
e 仓库 


可 持续 的 软件 架构 


一 方面 ， 我 们 的 确 需要 灵活 的 ， 易 于 扩展 、 容 易 修正 的 框架 。 另 一 方面 ， 我 们 需要 这 些 基础 
框架 尽 可 能 的 坚固 ， 以 支撑 构筑 于 其 上 的 应 用 的 稳定 性 。 


为 了 灵活 性 我 们 会 提供 很 多 的 配置 ， 选 项 〈 比 如 定义 一 个 简介 层 来 适 配 不 同 的 数据 库 类 
W) ， 这 样 我 们 在 后 续 的 开发 中 如 果 需 要 切换 到 另 一 个 实现 上 时 仅 需 要 付出 很 小 的 代价 即 
可 。 但 是 ， 往 往 我 们 并 不 能 预测 变化 会 在 哪个 维度 发 生 ， 也 许 数 据 库 从 MysQL 切换 到 

了 oracle ， 也 许 是 Web 容 器 变 成 了 Websphere 又 或 者 模板 引 HEM Freemark 变 成 

了 Velocity ° 
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Z ike 
瀑布 模型 


敏捷 与 精益 


周围 经 常 有 很 多 人 在 争论 到 底 那 种 开发 方式 是 正统 的 敏捷 ， 就 好 比 华山 派 的 剑 宗 ， 气 宗之 争 
一 样 ， 只 不 过 参与 争论 的 门派 更 多 而 已 。 初 学 者 会 认为 迭代 开发 ，TDD， 结 对 编程 ， 站 会 就 
是 敏捷 ; 更 高 级 一 些 的 则 又 认为 这 些 实践 层面 的 未 必 是 敏捷 ， 敏 捷 更 多 的 是 根据 实际 情况 来 
调整 策略 ， 让 团队 自己 管理 自己 的 流程 。 


当然 ， 软 件 开发 的 各 种 方法 论 发 展 到 今天 ， 可 能 很 难看 到 某 个 组 织 或 者 团队 在 进行 某 种 纯 敏 
捷 或 者 纯 瀑 布 的 开发 方式 了 ， 各 种 实践 你 中 有 我 ， 我 中 有 你 ， 互 相 影响 。 


比如 在 ThoughtWorks， 我 们 很 多 团队 在 传统 的 Scrum 中 融入 了 一 些 看 板 方法 。 除 了 站 会 ， 迁 
代 开 发 之 外 ， 团 队 引 入 看 板 ， 控 制 在 制品 数量 ， 价 值 流 驱动 等 等 。 而 有 些 客 户 团 队 里 ， 则 是 
在 敏捷 开发 的 形式 下 进行 瀑布 模型 的 开发 ， 团 队 也 进行 站 会 ， 也 划分 和 迭代， 但 是 仍然 有 独立 
的 测试 部 门 ， 运 维 部 门 ， 部 门 墙 森 然 林立 ， 任 何 一 个 单独 的 团队 都 无 法 描述 一 个 完整 的 价值 
流 ， 没 有 个 正 知 道 一 个 功能 的 周期 时 间 如 何 ， 也 没有 人 丨 正 了 解 整 个 流程 (需求 从 何 而 
来 ， 如 何 做 系统 测试 ， 如 何 保证 最 后 的 部 署 ) 。 


敏捷 一 词 来 源 于 2001 年 初 美国 犹他 州 雪 鸟 滑 雪 圣 地 的 一 次 敏捷 方法 发 起 者 和 实践 者 的 聚会 ， 
与 会 者 总 结 出 一 套 软件 开发 价值 观 。 


我 们 一 直 在 实践 中 探寻 更 好 的 软件 开发 方法 ， 
身体 力行 的 同时 也 帮助 他 人 。 由 此 我 们 建立 了 如 下 价值 观 : 


个 体 和 互动 高 于 流程 和 工具 
工作 的 软件 高 于 详尽 的 文档 
客户 合作 高 于 合同 谈判 
响应 变化 高 于 遵循 计划 


也 就 是 说 ， 尽 管 右 项 有 其 价值 ， 


我 们 更 重视 左 项 的 价值 。 


你 会 发 现 几 乎 所 有 的 这 些 实践 都 很 难 直接 和 我 们 平时 说 的 “敏捷 "对 应 起 来 。 所 以 ， 所 谓 谁 对 谁 
错 压根 没有 意义 。 因 为 敏捷 只 是 一 些 理念 ， 还 没有 具体 到 可 以 实践 的 层面 。 


所 幸 人 们 开发 了 一 些 工 具 /实践 ， 来 支持 这 样 的 理念 ， 流 传 最 广 的 是 极限 编程 和 Scrum 两 类 。 
后 面 的 看 板 方法 则 是 在 精益 的 基础 上 扩展 出 来 的 。 


精益 原则 


与 敏捷 宣言 诞生 于 软件 开发 领域 不 同 的 是 ， 精 益 的 概念 来 自 于 制造 业 ， 具 体 来 说 ， 是 日 本 丰 
田 公司 。 该 方法 帮助 丰田 成 为 世界 上 最 成 功 的 汽车 制造 商 ， 实 践 证 明 ， 精 益 制 造 原则 同样 适 
用 于 软件 开发 领域 。 


根据 精益 制造 原则 ， 人 们 为 软件 开发 也 总 结 了 如 下 七 条 原则 


e 消除 浪费 
e 增强 学 习 
e 尽量 延迟 决定 
e 尽快 发 布 
e 下 放权 力 
e RAE 
。 全 局 优化 


极限 编程 (XP) 
极限 编程 是 敏捷 中 应 用 非常 广泛 的 方法 学 之 一 ， 


e 现场 客户 

e 结对 编程 

e 测试 驱动 开发 

e 代码 所 有 权 共 享 
e code review 


Scrum 


e 和 迭代 开发 

e 每 日 站 会 

e 回顾 会 议 (retro) 
e 用 户 故事 

e backlog 

e 跨 功 能 团队 


看 板 方法 


热力 学 第 二 定律 的 一 个 推论 是 : 如 果 没 有 外 部 能 量 输入 ， 封 闭 系统 趋向 越 来 越 混 乱 。 我 们 需 
要 小 心 必要 的 维持 一 个 系统 (不 论 是 软件 系统 ， 还 是 某 个 地 区 生态 系统 ) ， 使 其 达到 某 种 程 
度 的 平衡 。 而 且 这 个 过 程 是 动态 的 ， 需 要 不 断 调整 的 。 


我 们 生活 在 其 中 的 这 个 物理 世界 ， 是 一 个 充满 了 随机 ， 不 确定 ， 不 完美 的 环境 ， 所 有 一 切 顶 
多 只 能 达到 “刚好 够 用 "的 程度 ， 一 个 细小 的 环境 变化 都 可 能 使 整个 系统 雪 塌 ， 崩 演 。 我 们 的 呼 
吸 系统 非常 适合 20% 的 含 氧 量 ， 一 旦 低 于 这 个 值 ， 我 们 身体 的 各 个 子 系统 就 开始 出 现 各 种 问 
题 ， 甚 至 宕 机 。 我 们 的 骨骼 强健 到 足以 支撑 我 们 跳跃 ， 奔 跑 ， 追 击 猎物 ， 和 不 算 太 大 的 肉食 
动物 搏斗 ， 但 是 它 并 没有 强健 到 缓冲 从 3 层 楼 跳 下 来 的 冲击 力 。 


我 们 一 直 引 以 为 豪 ， 或 者 至 少 觉 得 不 可 思议 的 思维 系统 ， 也 是 如 此 。 平 时 大 脑 中 的 各 种 想法 
纷 至 省 来 ， 而 在 我 们 卜 正 需要 的 时 候 (比如 公共 演讲 开场 时 ) ， 它 又 会 变 成 一 片 空白 。 记 忆 
破碎 ， 短 暂 ， 而 且 它 会 发 生 人 偏差， 遗漏， 即使 很 重要 的 事情 。 


不 论 我 们 是 如 何 认为 的 ， 人们 在 做 出 决策 时 ， 事 实 上 是 充满 随机 性 和 非 理 性 的 。 即 使 我 们 认 
为 非常 聪明 ， 非 常 有 经 验 的 那些 人 也 无 法 幸免 。 做 决策 时 ， 大 脑 很 容易 被 一 些 事实 上 并 不 重 
要 的 因素 影响 ， 并 形成 不 准确 的 判断 。 


既然 如 此 ， 我 们 又 如 何 敢 将 希望 寄托 在 这 些 “ 不 靠 谱 ” 的 硬件 上 呢 ? 
另 一 方面 ， 人 们 热 喜 与 做 计划 ， 然 后 按部就班 地 去 实施 。 


中 国有 和 句 古 话 ， 叫 “凡事 预 则 立 ， 不 预 则 废 "， 强 调 了 做 事情 时 制定 计划 的 重要 性 。 短 期 的 计划 
当然 是 有 用 的 ， 而 且 是 关键 的 。 


</del> 


现实 世界 里 ， 人 们 在 实施 软件 工程 时 ， 通 常 有 两 个 流派 : 计划 派 和 无 计划 派 。 


e 


计划 派 


计划 派 无 一 例外 的 喜欢 大 而 全 的 计划 ， 相 信 实 现 者 会 按照 这 个 计划 按部就班 的 实施 ， 设 计 ， 
开发 ， 测 试 ， 部 署 ， 最 后 人 们 准确 地 在 发 布 日 饮酒 庆祝 上 线 成 功 。 但 是 等 一 下 ， 这 种 事情 章 
的 发 生 过 吗 ? 


计划 派 忽 略 了 工程 中 各 个 步骤 之 间 的 交互 ， 比 如 开发 阶段 发 现 设计 有 问题 ， 测 试 阶段 发 现 开 
发 有 问题 等 ， 这 种 异常 的 流程 会 导致 之 前 的 计划 变形 ， 而 这 些 异 常情 况 简直 就 是 每 个 工程 中 
正常 部 分 。 毕 竟 ， 谁 能 确保 设计 文档 中 的 提 到 的 消息 队列 服务 在 开发 中 一 定 可 以 实现 呢 GR 
别 是 只 有 很 短工 期 的 情况 下 ) ? 


结果 就 是 ， 每 个 部 门 都 尝试 为 自己 的 环节 加 上 缓冲 ， 这 会 导致 整个 工程 的 时 间 变 长 。 投 资方 
(比如 业务 部 门 ) 则 会 根据 经 验 压 缩 这 个 时 间 (毕竟 ， 历 史上 IT 部 门 从 来 没有 兑现 过 自己 的 承 
HR) ， 或 者 加 入 额外 的 需求 。 这 些 都 会 导致 项 目的 延期 ， 或 者 功能 的 不 完善 。 


无 计划 派 


无 计划 派 则 是 迫 于 压力 ， 每 日 疫 于 应 付 各 种 突 发 情况 ， 或 者 工作 优先 级 随时 都 可 能 调整 ， 一 
切 以 “高 优先 级 "的 客户 需求 为 准 。 但 是 其 实 谁 也 不 知道 下 一 个 任务 会 在 合适 插入 你 的 待 办 事项 
列表 o 


2010 年 ， 我 就 在 这 样 一 个 团队 工作 ， 开 发 人 员 每 天 扮演 的 就 是 救火 队 的 角色 。 我 们 的 工作 可 
以 分 为 两 类 : 修改 之 前 由 于 赶 进度 而 产生 的 遗留 问题 ， 或 者 在 赶 进 度 。 事 实 上 ， 也 并 没有 什 

么 所 谓 的 进度 ， 我 们 有 一 个 待 办 事项 列表 ， 列 表 中 的 条 目 有 时 还 互 不 相关 (就 好 像 JavaScript 
中 的 数组 一 样 ， 你 可 以 在 其 中 存 入 各 种 类 型 的 数据 ) 。 


e 工作 流 系统 中 DSL 部 分 的 测试 (有 人 抱怨 有 语法 错误 ) 
e 自 定义 文件 管理 系统 ( 容 户 说 必须 在 一 周 后 可 用 ) 
T eee 

© 为 某 个 Web 服 务 器 启动 gzip 


而 总 有 一 些 优先 级 更 高 的 任务 被 插入 ， 这 些 任务 可 能 来 自 于 某 个 重要 客户 的 一 个 暗示 (是 
的 ， 暗 示 | RA MSP HE RRA FILS?) ， 也 可 能 是 公司 茶 个 其 他 领导 
的 一 个 讲话 。 


A | 流派 


我 在 这 两 种 流派 的 公司 都 待 过 ， 也 目睹 了 在 这 种 情况 下 软件 项 目 是 如 何 失 败 的 。 幸 运 的 是 ， 
余 了 这 两 个 | 流派 之 外 ， 我 还 S 其 他 的 流派 : 粗 粒度 的 规划 + 短期 的 计划 9 


Parad 


th A ER, 


我 的 最 近 的 一 个 项 目 中 ， 客 户 想 要 我 们 在 4 周 之 内 搭建 出 一 个 原型 出 来 ， 通 过 这 个 原型 ， 客 户 
想 要 看 到 一 些 业 务 场 景 在 可 以 通过 Web 化 的 方式 来 实现 (之 前 是 一 个 单机 版 的 应 用 ) 。 这 个 
项 目的 挑战 在 于 搭建 原型 的 时 间 很 短 ， 我 们 需要 做 一 些 取舍 : 比如 哪些 实践 是 必须 的 ， 哪 些 
不 是 。 


虽然 有 一 些 压力 ， 但 是 我 们 还 是 坚持 了 自己 的 想法 。 一 开始 就 搭建 了 CI 环境 ， 其 至 有 了 自动 
部 署 到 测试 环境 的 构建 任务 ， 开 发 的 每 一 次 提交 都 会 触发 一 次 自动 部 署 。 


项 目 开始 还 算 顺利 ， 在 第 迭代 1 的 第 二 周 ， 我 在 调试 一 个 异步 的 组 件 : 这 个 组 件 从 消息 队列 得 
到 通知 ， 然 后 解压 用 户 上 传 的 文件 ， 紧 接着 调用 另外 一 个 服务 做 一 些 数据 转换 ， 最 后 再 将 转 
换 过 的 数据 保存 到 数据 库 。 我 们 很 快 的 为 这 个 组 件 创建 了 新 的 版 本 库 ， 新 的 Cl 构建 ， 以 及 新 
的 自动 化 部 署 脚本 。 


由 于 本 地 的 开发 环境 是 Windows， 我 们 很 难 模拟 一 套 完整 的 系统 (该 死 的 Windows 下 的 路 径 
A) ， 所 以 我 们 决定 在 一 个 Linux 机 器 上 做 测试 。 有 自动 化 部 署 这 套 机 制 的 保证 ， 我 们 可 以 非 
常 快速 的 进行 系统 的 集成 测试 : 消息 的 生产 者 发 送 消 息 给 队列 服务 器 ， 队 列 再 分 发 到 我 们 的 
组 件 上 。 


有 一 天 下 午 ， 有 人 在 服务 器 上 修改 了 用 户 权限 (好 吧 ， 那 个 人 就 是 我 了 ) ， 然 后 所 有 的 自动 
化 部 署 都 失败 了 (由 于 ssh 的 监 权 问题 ) ， 团 队 里 的 其 他 人 不 得 不 手工 的 进行 部 署 : 本 地 提 
交代 码 之 后 ， 等 Cl 服务 器 运行 完 所 有 测试 之 后 ， 开 发 者 手工 的 触发 一 次 部 署 命 令 ， 同 时 输入 


密码 。 


本 来 我 想 着 这 个 过 程 不 会 那么 频繁 ， 但 是 事实 上 它 比 我 想象 的 要 频繁 的 多 。 本 地 修改 几 行 代 
码 ，commit 一 次 ， 手 工 部 署 ， 测 试 ， 发 现 问 题 ， 再 来 一 次 。 在 我 崩溃 前 ， 男 一 个 同事 也 终于 
受 不 了 了 ， 他 登录 到 服务 器 上 ， 修 改 了 ssh 配 置 文件 的 权限 ， 一 切 又 恢复 了 正常 。 

这 个 故事 除了 证 明 “ 恶 心 的 事情 频繁 做 "这 个 原则 之 外 ， 也 说 明了 一 个 持续 集成 ， 持 续 发 布 的 机 
制 是 多 么 重要 。 即 使 是 在 开发 环境 、 开 发 场景 中 也 是 如 此 。 


想 想 你 可 以 让 一 个 新 特性 在 16 分 钟 内 上 线 是 一 种 什么 样 的 体验 ! 


服务 器 端 应 用 的 持续 交付 


本 文 将 使 用 一 些 免 费 的 服务 来 为 你 的 项 目 搭建 持续 交付 平台 ， 这 些 服务 包括 


。 持续 集成 环境 
。 持续 部 署 环境 
。 服务 端 应 用 托管 


以 及 一 些 可 以 用 于 本 地 开发 使 用 的 开源 工具 如 : 


e 基于 Node 的 构建 monitor 
e Heroku 的 命令 行 工 具 
e Travis Cl 的 命令 行 工具 


除 此 之 外 ， 我 们 在 过 程 中 编写 的 脚本 还 可 以 用 以 本 地 构建 ， 如 果 你 的 团队 中 正好 已 经 有 CI 工 
具 /CD 工 具 ， 将 这 些 脚本 集成 进去 也 是 一 件 非常 容 多 的 事情 。 
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Application Logs 


marks.Main : Started Main in 15.782 seconds (JVM running for 17.759) 

2016-01-08T01:27:38.408455«00:00 heroku[web.1]: State changed from starting to up 

2016-01-08T01:27:38.386245«00:00 app[web.1]: 2016-01-08 01:27:38.385 INFO 3 —- [ main] s.b.c.e.t.Tomcat 
EmbeddedServletContainer : Tomcat started on port(s): 38274 (http) 

2016-01-08T01:27:39.447972«00:00 heroku[router]: at=info method=GET path="/" host-quiet-atoll-8237.herokuapp.com re 
quest id-fSecdd90-e2a2-40b2-8e18-3877e92e63fd fwd-"210.74.157.146" dyno=web.1 connect-1ms service-242ms status-404 


bytes-505 

2016-01-08T01:27:39.255878«00:00 app[web.1]: 2016-01-08 01:27:39.255 INFO 3 -一 [i0-38274-exec-3] o.a.c.c.C. [Tomca 
t]. [localhost]. [/] : Initializing Spring FrameworkServlet 'dispatcherServlet' 
2016-01-08T01:27:39.256019«00:00 app[web.1]: 2016-01-08 01:27:39.255 INFO 3 -一 [io-38274-exec-3] o.s.web.servlet. 
DispatcherServlet : FrameworkServlet 'dispatcherServlet': initialization started 
2016-01-08T01:27:39.305093«00:00 app[web.1]: 2016-01-08 01:27:39.303 INFO 3 -一 [io-38274-exec-3] o.s.web.servlet. 
DispatcherServlet : FrameworkServlet 'dispatcherServlet': initialization completed in 47 ms 


2016-01-08T01:27:40,002436400:00 heroku[router]: at=info method=GET pathz"/api/feeds" host-quiet-atoll-8237.herokua 
pp.com request id-8446966f-6468-44d10-b742-543204a38f9b fwd-"210.74.157.146" dyno=web.1 connect-1ms service-415ms st 
atus-200 bytes-693 


© Autoscroll with output 
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软件 的 度量 


传统 的 管理 方法 论 ， 在 软件 开发 这 个 领域 来 说 基本 上 是 不 工作 的 。 软 件 项 目的 不 确定 性 使 得 
人 们 晴 惧 ， 管 理 者 希望 通过 一 些 数字 ， 指 标 来 让 自己 感到 某 种 虚幻 的 “掌控 感 ”。 软 件 行 数 ， 测 
JE RR Sn o 


但 是 有 一 个 数字 ， 即 使 最 顽固 的 “自由 主义 者 "也 会 认为 是 有 意义 的 ， 那 就 是 周期 时 间 (cycle 
time) 。 简 而 言 之 ， 就 是 一 个 需求 从 产生 到 最 终 上 线 所 需要 的 时 间 。 其 中 包括 了 需求 分 析 ， 设 
计 ， 编 码 ， 测 试 ， 部 署 ， 运 维 等 活动 ， 可 能 还 会 包含 后 续 的 监控 。 


其 实 不 论 是 瀑布 模型 ， 还 是 迭代 开发 的 方式 ， 或 者 其 他 的 方法 论 ， 周 期 时 间 的 缩短 都 是 至 关 
重要 的 。 而 具体 到 周期 内 ， 单 纯 的 开发 时 间 变 长 或 者 测试 时 间 变 长 都 无 关 紧 要 。 比 如 项 目 A 的 
开发 时 间 是 测试 时 间 的 2 倍 ， 项 目 B 则 恰恰 反 过 来 ， 这 并 不 能 说 人 做 的 比 B 好 ， 真 正 有 意义 的 是 
人 A 的 周期 时 间 是 否 比 B 更 短 。 


单纯 改善 项 目 过 程 中 的 某 一 个 阶段 的 时 间 ， 可 能 并 不 能 达到 预期 的 目的 。 局 部 优化 并 不 一 定 
会 带 来 全 局 的 优化 。 换 言 之 ， 通 过 某 些 策略 来 提高 软件 测试 的 效率 未 必 能 减少 周期 时 间 ! 。 


持续 交付 


传统 情况 下 ， 企 业 要 进行 软件 开发 ， 从 用 户 研究 到 产品 上 线 ， 其 中 会 花费 数 月 ， 甚 至 数 年 
(我 的 一 位 印度 同事 给 我 聊 起 过 ， 他 的 上 家 公司 做 产品 ， 从 版 本 启动 到 版 本 上 线 需要 整整 两 
年 时 间 l) 。 而 且 一 旦 软件 需求 发 生变 更 ， 又 有 需要 数 月 才能 将 变更 发 布 上 线 。 除 了 为 变更 
提交 代码 外 ， 还 有 很 多 额外 的 回归 测试 ， 发 布 计划 ， 运 维 部 门 的 进度 等 等 。 而 市 场 机 会 千 变 
万 化 ， 在 特定 的 时 间 窗 口中 ， 企 业 的 竞争 者 可 能 早已 发 布 并 占领 了 相当 大 的 市 场 份额 。 


在 软件 工程 领域 ， 人 们 提出 了 持续 交付 (continuous delivery) 的 概念 ， 它 旨 在 减少 周期 时 
闻 ， 强 调 在 任何 时 刻 软 件 都 处 于 可 发 布 状态 。 采 用 这 种 实践 ， 我 们 可 以 频繁 ， 快 速 ， 安 全 的 
将 需求 的 变化 发 布 出 来 ， 交 由 申 实 世界 的 用 户 来 使 用 ， 在 为 用 户 带 来 价值 的 同时 ， 我 们 也 可 
以 快速 ， 持 续 的 得 到 反馈 ， 并 激励 新 的 变化 产生 (新 的 商业 创新 ， 新 的 模式 等 ) 。 


持续 交付 包含 了 自动 化 构建 ， 自动 化 测试 以 及 自动 化 部 署 等 过 程 ， 持 续 改 进 开 发 流程 中 的 问 
题 ， 并 促进 开发 人 员 ， 测 试 人 员 ， 运 维 人 员 之 间 的 协作 ， 团 队 可 以 在 分 钟 级 别 将 变更 发 布 上 
线 。 


持续 交付 相关 技术 及 实践 


e 版 本 控制 (配置 管理 ) 
e 持续 集成 Cl 
e 自动 化 测试 
e 构建 工具 及 构建 脚本 
© 部 署 流水 线 


团队 通过 版 本 控制 来 进行 协作 ， 所 有 的 代码 会 在 持续 MN 编译 ， 代 码 静 态 检查 /分 析 ， 
自动 化 测试 (还 可 能 产生 报告 等 )。 除 此 之 外 ，Cl 还 还 需要 有 自动 化 验收 测试 ， 自 动 化 回归 
测试 等 。 

持续 交付 则 更 进一步 ， 它 将 环境 准备 ， 持 续集 成 ， 自 动 化 部 署 等 放 在 了 一 起 。 通 过 全 自动 

(有 些 过 程 可 以 设置 为 手动 ， 比 如 发 布 到 产品 环境 ) 的 方式 ， 使 得 软件 可 以 一 键 发 布 。 如 果 
上 线 后 发 现 严重 defect， 还 支持 一 键 回 滚 的 机 制 (其实 就 是 将 之 前 的 一 个 稳定 版 本 做 一 次 发 
布 ， 由 于 发 布 流 程 已 经 经 过 千 锤 百 炼 ， 所 以 发 布 本 身 就 变 得 非常 轻松 ， 安 全 ) 


这 篇 文章 中 ， 我 们 会 使 用 git + github VE A RAGE Hi 制 工 具 ， travis-ci 作为 持续 集成 环 
境 ， gradle 作为 构建 工具 ， Heroku 作为 应 用 的 部 署 环境 。 we Nas 如 果 你 
需要 更 高 级 的 功能 (比如 更 多 的 并 发 数 ， 更 大 的 数据 库 ) ， 则 可 以 选择 付费 套餐 。 不 过 对 于 
我 们 平时 的 大 部 分 side project 来 说 ， 免 费 服务 已 经 足够 。 


实例 

我 在 《前 后 32 RAS eR?) 3 这 篇 文章 中 ， ， 提 到 了 一 个 叫做 bookmarks 的 应 用 ， 这 个 应 
用 是 一 个 前 后 端 分 离 的 非常 彻底 的 应 用 。 

我 们 这 里 会 再 次 使 用 这 个 应 用 作为 实例 ， 并 采用 不 同 的 两 个 免费 服务 (travis-ci 和 snap-ci) 来 


完成 持续 部 署 环境 的 搭建 。 


bookmarks/k 4 Z5 


bookmarks-server 是 一 个 基于 spring-boot peak API ， 它 可 以 被 打包 成 一 个 jar & a> IR 
后 通过 命令 行 启 动 运行 。 在 本 文中 ， 我 们 我 们 将 会 将 这 个 server 部 署 到 heroku 平 台 上 。 


首先 需要 定义 一 个 Procfile ， 这 个 是 我 们 应 用 的 入 口 ， heroku 根据 这 个 文件 来 明确 以 何 种 
方式 来 启动 我 们 的 应 用 : 


web: java -Dserver.port=$PORT -jar build/libs/bookmarks-server-0.1.0.jar --spring.prof 
iles.active=staging 


由 于 我 们 在 本 地 使 用 的 使 用 mysql * fW heroku 默认 的 是 postgres 数据 库 ， 因 此 需要 
在 application.yml 中 额外 配置 


spring: 
profiles: staging 


datasource: 
driverClassName: org.postgresql.Driver 
url: ${JDBC_DATABASE_URL} 
username: ${DATABASE_USER} 
password: ${DATABASE_PASS} 


jpa: 


database platform: org.hibernate.dialect.PostgreSQLDialect 
hibernate: 


ddl-auto: update 


有 了 这 些 配 置 后 ， 我 们 需要 创建 一 个 heroku 应 用 : 


$ heroku create 


Created http://quiet -atoll-8237.herokuapp.com/ | git@heroku.com: quiet -atoll-8237.git 


创建 之 后 ， 我 们 可 以 在 界面 上 对 这 个 应 用 进行 一 些 配置 (当然 ， 也 可 以 通过 命令 行 ， 具 体 参 
看 heroku help ) 。 为 了 支持 数据 库 ， 需 要 为 我 们 的 应 用 添加 一 个 postgres 的 AddOn。 添 加 
之 后 ， heroku 会 为 我 们 提供 一 个 postgres 的 连接 地 址 ， 格式 大 概 是 这 样 : 


postgres://username: password@host:port/database 


然后 我 们 需要 在 Heroku 的 配置 界面 中 配置 一 些 环 境 变 量 : 


DATABASE_PASS XQa?9n0pbPbhtNgcOxV6--e3ab- 
DATABASE URL postgres://dnaehleygetstriA«XQa796Bp 
DATABASE USER dnochhygvtshit- 

JDBC. DATABASE. URL jdbc:postgresql: //ee3«5492359130-1» 


这 样 ， 当 应 用 部 署 到 Heroku 上 之 后 ， 我 们 的 应 用 就 可 以 读 到 这 些 配置 了 ( 注 


ES 


x 
意 application.yml 中 的 环境 变量 JDBC DATABASE URL ) ° 


搭建 持续 集成 环境 


持续 集成 环境 ， 这 里 我 们 选用 最 简单 的 travis-ci ， 它 可 以 很 容易 的 与 github 集成 。 


e 在 项 目 X 中 定义 一 个 .travis.yml 的 文件 
o 将 你 的 代码 push 到 github 上 

e 48 <€githubtk > 2) travis 

e 在 travis 中 尼 用 项 目 X 


这 个 .travis.yml AREA MH > KLARA spring-boot ， 所 以 只 需要 指定 java PP 
mcs 
language: java 


如 果 是 java WA s FEMA 中 有 build.gradle ， travis-ci 会 自动 执行 gradle check 任 


o 


自动 化 部 署 


当 Cl 运 行 成 功 之 后 ， 我 们 需要 travis-ci 帮 我 们 将 应 用 程序 发 布 到 heroku 上 ， 这 时 候 需 要 做 
一 些 修改 。 最 简单 的 方式 是 直接 安装 travis-ci 的 命令 行 工 具 到 本 地 : 


$ gem install travis -v 1.8.0 --no-rdoc --no-ri 


然后 通过 heroku 的 auth:token 命令 获得 heroku 的 token， 在 加 密 并 写 入 .travis.yml 


$ heroku auth:token 
OOXXXXXXXXXXXXxb5di1dbdOcxxxxxxxxxxf e067 


$ travis encrypt 00xxxxxxxxxxxxx55di11dbdOcxxxxxxxxxxfe067 --add 


当然 可 以 合并 为 一 条 命令 : 


$ travis encrypt $(heroku auth:token) --add 


将 加 密 过 的 token 存 入 .travis.yml 文件 。 最 后 的 结果 大 致 如 下 : 


language: java 
deploy: 
provider: heroku 
api_key: 
secure: 
app: quiet-atoll-8237 


注意 此 处 的 app ， 正 是 我 们 的 App 的 名 字 。 另 外 ， 还 需要 给 build.gradle 添加 一 个 名 
"| stage 的 task > travis 在 deploy 时 需要 这 个 task 


task stage { 
dependsOn build 


:check 


BUILD SUCCESSFUL 


Total time: 27.098 secs 


The command "./gradlew check" exited with 0. 
Fetching: dpl-1.8.11.gem (100$) 


Installing deploy dependencies 
Preparing deploy 

Deploying application 

Already up-to-date! 

# HEAD detached at e26a986 


nothing to commit, working directory clean 
Dropped refs/stash@{0} (294e40ef7016cb9a8bdb90c512552fe233438bee) 


Done. Your build exited with 0. 


这 样 ， 我 们 只 需要 在 本 地 的 一 个 提交 ， 一 切 都 会 自动 化 起 来 : 





travis 会 执行 gradle check 

e gradle check 会 编译 并 运行 自动 化 测试 
e travis 会 部 署 应 用 到 heroku 上 
heroku 会 自动 重启 服务 


我 们 可 以 在 本 地 进行 简单 的 测试 (注意 此 处 我 们 的 staging 环境 的 URL) 


$ curl https://quiet-atoll-8237.herokuapp.com/api/feeds -s | jq. 


[ 
{ 
Diog “aly, 
"url": "http://icodeit.org/2016/01/how-to-summarize-privious-project/", 
"title": "如 何 持久 化 你 的 项 目 经 历 " 
“Autnom aO GEENE 
"Summary": "通常 来 说 ， 下 项 目 总 是 一 件 比 较 高 兴 的 事 (大 部 分 团队 还 会 一 起 吃 个 饭 庆祝 一 下 ) 。"， 
"publishDate": "2016-01-07" 
}, 
{ 
cl 2 
"url": "http://icodeit.org/2015/11/get-started-with-reflux/", 
"title": "你 为 什么 应 该 试 一 试 Reflux? 
Sauwthonm Leon ong 
"summary": "React 在 设计 之 初 就 只 关注 在 View 本 身上 ， 其 余部 分 如 数据 的 获取 ， 事 件 处 理 等 ， 全 然 不 在 考 
fe aot 
"publishDate": "2016-01-09" 
} 
] 


完整 的 代码 在 这 里 。 


其 他 


Cl monitor 


node-build-monitor 是 一 个 非常 容易 配置 ， 使 用 的 Cl monitor， 我 们 只 需要 进行 简单 地 配置 ， 
就 可 以 将 travis 的 状态 可 视 化 出 来 


"monitor": { 


F 


"interval": 2000, 
"numberOfBuilds": 12, 
"debug": true 


"services: 


t 


names & avisa, 
"configuration": ( 
"slug": "abruzzi/bookmarks-server" 
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不 过 这 个 工具 会 在 有 网 络 异常 时 自动 终止 ， 我 们 可 以 通 个 简单 的 脚本 来 在 它 终止 时 自动 
重启 : 


#!/bin/bash 


until node app/app.js 
do 


echo "restarting... 
done 


abruzzi/bookmarks-server abruzzi/bookmarks-serve | abrumzi/bookmarks-server 


finished fi nished finished 


abruzti/bookmarks-server abruzi/bookmarks-server h abrumzi/bookmarks-server 


finished (0) finished © finished (0) 


) ] 
abruzzi/bookmarks-server $ ps abruzi/bookmarks-server 


finished LO rere finished Oo 





小 结 


通过 travis 和 heroku 这 样 的 免费 服务 ， 我 们 就 可 以 轻松 的 将 自己 的 项 目 做 到 持续 集成 + 持续 
交付 。 我 们 后 端的 服务 相对 来 说 是 比较 容易 的 ， 但 是 涉及 到 一 个 前 后 端 分离 的 架构 ， 如 何 做 
到 静态 内 容 的 托管 ， 打 包 ， 部 署 ， 并 和 后 端 AP| 集 成 起 来 ， 我 会 在 下 一 篇 文章 中 详细 解释 。 


HP opone L9 [AA Lb 
客户 端 程序 的 的 持续 交付 


客户 端 程序 的 的 持续 交付 


上 篇 文章 介绍 了 如 何 使 用 一 些 免费 的 服务 来 实现 服务 器 端 API 的 持续 集成 、 持 续 交 付 环境 的 搭 
建 。 有 了 服务 端 ， 自然 需 要 有 消费 者 ， 在 本 文中 我 们 将 使 用 另外 一 个 工具 来 实现 纯 前 端的 站 
点 的 部 署 。 


其 中 包括 : 


e 持续 集成 (单元 测试 ， 集 成 测试 等 ) 
。 持续 部 署 /持续 交付 
e 静态 站 点 托管 


除 此 之 外 ， 我 们 还 会 涉及 到 : 


e 自动 化 UI 测试 site_prism 
e 静态 站 点 的 发 布 脚本 
e aWs 的 命令 行 工具 


我 们 的 应 用 最 后 看 起 来 是 这 样子 的 。 


口 Bookmarks X 





€ c bookmarks-frontend.s3-website-us-west-2.amazonaws.com 


ENJOY YOUR READING 





如 何 持久 化 你 的 项 目 经 历 


你 为 什么 应 该 试 一 试 Reflux? 


看 看 这 些 年 你 都 学 了 什么 ? 


技术 选 型 
我 们 在 本 文中 ， 将 采取 另外 一 套 免费 服务 来 完成 环境 的 拱 
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e ThoughtWorks H 5 b9 Snap Cl 作为 持续 集成 /持续 交付 环境 
e AWS 的 S3 作 为 应 用 发 布 的 地 方 


易于 使 用 的 持续 交付 环境 ， 由 于 很 多 关于 持续 集成 ， 持 续 交 付 的 概念 和 
文 个 产 品 对 于 构建 , 流水 线 ? 部 署 等 等 等 的 支持 也 都 做 的 非 


Snap CI 是 一 个 非常 
实践 都 跟 ThoughtWorks 有 关 ， 所 以 这 
常 好 。 

sa 是 亚马逊 的 云 存 储 平台 ， 我 们 可 以 将 静态 资源 完全 托管 在 其 上 。 s3 的 另 一 个 好 处 是 它 可 
以 将 你 的 文件 变 成 一 个 Web Site， 比 如 你 的 目录 中 有 index.html ， 这 个 文件 就 可 以 作为 你 的 
站 点 首页 被 其 他 人 访问 。 这 个 对 于 我 们 这 个 前 后 端 分 离 项 目 来 说 非常 有 用 ， 我 们 

的 css * js >? font 文件 ， 还 有 入 口 文件 index,html 都 可 以 托管 于 其 上 。 


实例 


在 本 文 的 例子 中 ， 我 们 将 定义 3 个 stage 。 snap cl 将 一 次 发 布 分 为 若干 个 stage ， 每 
个 stage 只 做 一 件 事 情 ， 如 果 一 个 stage 失败 了 ， 后 边 的 就 不 会 接着 执行 。 


我 们 的 3 个 stage PHA : 
1. 单元 测试 


2. 集成 测试 
3， 部 署 


准备 工作 
bookmarks-frontend 是 一 个 纯 前 端的 应 用 ， 它 会 消费 后 端 提 供 的 API， 但 是 其 实 它 并 不 知道 


(也 不 应 该 知道 ) 后 端的 API 部 署 在 什么 地 方 : 


$(function() { 
var feeds = $.get(config.backend+'/api/feeds'); 


var favorite = $.get(config.backend+'/api/fav-feeds/1'); 


$.when(feeds, favorite).then(function(feeds, favorite) { 
Wik aa 
1); 
15 


由 于 我 们 在 本 地 开发 时 ， 需 要 backend 指向 本 地 的 服务 器 ， 而 发 布 之 后 ， 则 和 希望 它 指向 上 一 
篇 文章 中 提 到 的 服务 器 ， 因 此 我 们 需要 编写 一 点 构建 脚本 来 完成 这 件 事 儿 : 


var backend = 'http://quiet-atoll-8237.herokuapp.com'; 


gulp.task('prepareConfig', function() 1 
gulp.src(['assets/templates/config.js']) 
.pipe(replace(/#backend#/g, 'http://localhost:8100')) 
.pipe(gulp.dest('assets/script/')); 
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gulp.task('prepareRelease', function() { 
gulp.src(['assets/templates/config.js']) 
.pipe(replace(/#backend#/g, backend)) 
.pipe(gulp.dest('assets/script/')); 

3); 


我 们 定义 了 两 个 gulp 的 task， 本 地 开发 时 ， 使 用 prepareconfig ^ XX pH > 1% 
用 prepareRelease ， 然 后 定义 一 个 简单 的 模板 文件 config.js 


module.exports = { 
backend: '#backend#' 


然后 可 以 很 简单 的 包装 一 下 ， 方 便 本 地 开发 和 发 布 : 


gulp.task('dev', ['prepareConfig', 'browserify', 'concatcss']); 
gulp.task('build', ['prepareConfig', 'script', 'css']); 
gulp.task('release', ['prepareRelease', 'script', 'css']); 


这 样 ， 我 们 在 本 地 开发 时 ， 只 需要 简单 的 执行 : 
$ gulp 


即 可 。 而 在 发 布 阶段 ， 只 需要 执行 : 


$ gulp release 


单元 测试 


我 们 在 snap cr 上 将 github 上 的 代码 库 关 联 起 来 ， 然 后 添加 一 个 名 叫 unit-test 的 stage ， 
指定 这 个 stage 对 应 的 命令 为 : 


npm install 
gulp 


Pipeline 


C) 


ADD STAGE 





Stage Basic Info 


unit-test 


b> Automatic © Manual 


Commands to be executed in this stage 


$ npm install 


$ gulp 


$ Tyg 





这 样 ， 每 当 我 们 有 新 的 提交 之 后 ， snap cI 都 会 拿 到 新 代码 ， 并 执行 上 述 命令 ， 如 果 执 行 成 
功 ， 则 本 地 构建 成 功 。 


集成 测试 


由 于 采取 的 是 前 后 端 分 离 的 策略 ， 我 们 的 应 用 可 以 完全 独立 与 后 端 进行 开发 ， 因 此 我 们 设置 
了 一 个 fake server ， 具 体 细 节 可 以 参考 我 之 前 的 博客 ， 也 可 以 看 源码 。 不 过 这 里 我 们 要 为 集 
成 测试 编写 一 个 脚本 ， 并 在 snap cI 上 执行 。 


#!/bin/bash 


export PORT=8100 
bundle install 


# launch the application 

echo "launch the application" 
ruby app.rb 2>&1 & 

PID=$! 


# wait for it to start up 
sleep 3 


# run the rspec tests and record the status 
rspec 
RES=$? 


# terminate after rspec 
echo "terminate the application" 
kill -9 $PID 


# now we know whether the rspec success or not 
exit $RES 


这 个 脚本 中 ， 首 先 安 装 所 有 的 gems ， 然 后 启动 fake server pies ae 台 运 
行 ， 然 后 执行 rspec 。 当 rspec 测试 执行 完成 之 后 ， 我 们 终止 服务 进行 ， 然 后 返回 结果 状态 
AU o 


里 使 用 了 capybara 和 poltergeist RUNN > capybara 会 驱动 phantomjs REN # F 2 
1 览 器 ， 并 执行 定义 好 的 UI 测试 ， 比 如 此 处 ， 我 们 的 UI 测试 : 


— 
X 


require 'spec helper ' 


describe 'Feeds List Page' do 
let(:list page) {FeedListPage.new} 


before do 
list page.load 
end 


it 'user can see a banner and some feeds' do 
expect(list page).to have banner 
expect(list page).to have feeds 

end 


HH... 
end 


i 


e EONO x a x fp a — ——! 1 


CŒ Q https://snap-ci.com/ab 





bookmarks-frontend/branch/master/logs/defaultPipeline/7/intgration-test?back_to=build_history 





<Back Logs for build #7 / » 


localhost - - [10/Jan/2016:02:38:08 UTC] “GET /api/fav-feeds/1 HTTP/1.1" 200 240 
http://localhost:8100/ -> /api/fav-feeds/1 

http://localhost:8100/ -» /opi/feeds 

::1 - ~ [10/Jan/2016:02:38:08 +0000] "GET /fonts/icomoon.ttf?ordz2w HTTP/1.1" 200 BU REM 
localhost [10/Jan/2016:62:38:08 UTC] “GET /fonts/icomoon.ttf7?ordz2w HTTP/1.1" 200 1440 
http://localhost:8100/ -» /fonts/icomoon.ttf?ordz2w 

331 [10/Jan/2016:02:38:00 +8000) “GET / HTTP/1.1" 200 702 0.0003 

localhost - - [10/Jan/2016:02:38:00 UTC] “GET / HTTP/1.1" 200 702 

~ -> 7 

:1 - - [10/Jan/2016:02:38:08 +0000] "GET /api/fav-feeds/1 HTTP/1.1" 200 240 0.0004 
localhost - - [10/Jan/2016:02:38:08 UTC] "GET /api/fav-feeds/1 HTTP/1.1" 200 240 
http://localhost:8100/ -> /opi/fav-feeds/1 

til - - [10/Jan/2016:02:38:08 +0000) "GET /api/feeds HTTP/1.1" 208 690 0.0028 
localhost [10/Jan/2016:02:38:08 UTC] “GET /api/feeds HTTP/1.1" 200 690 
http://localhost:8100/ -» /api/feeds 

2:1 [10/Jan/2016:02:38:00 +0000] “GET / HTTP/1.1" 200 702 0.0003 

localhost - - [10/Jan/2016:02:38:00 UTC] "GET / HTTP/1.1" 200 702 

- -> 7 

::1 - - [10/Jan/2016:02:38:00 +0000] “GET /api/fav-feeds/1 HTTP/1.1" 200 240 0.0004 
localhost - - [10/Jan/2016:02:38:00 UTC] “GET /api/fav-feeds/1 HTTP/1.1" 200 240 
http://localhost:8100/ -> /api/fav-feeds/1 

::1 - - [10/Jan/2016:02:38:00 +0000] “GET /api/feeds HTTP/1.1" 208 690 0.0029 
localhost [10/Jan/2016:02:38:00 UTC] “GET /api/feeds HTTP/1.1" 200 690 
http://localhost:8100/ -» /api/feeds 


Finished in @.81956 seconds (files took @.37962 seconds to lood) 

3 examples, 0 failures 

terminate the application 

Command exited successfully with status 0. Took 5.38 seconds. 





部 团 


首先 需要 在 ss 上 创建 一 个 bucket ， 命 名 为 pookmarks-frontend 。 然 后 为 其 设置 static 
website hosting ， 这 时 候 aws 会 assign 一 个 新 的 域名 给 你 ， 比 如 http://bookmarks- 


frontend.s3-website-us-west-2.amazonaws.com/ ° 


a 


然后 你 需要 将 这 个 bucket 设置 成 public ， 这 样 其 他 人 才 可 以 访问 你 的 bucket ° 


Upload Create Folder Actions v 


All Buckets / bookmarks-fr 


Name Last Modified 
8 m fonts Create Folder... = 
@ [7] index.htm Upload Fri Jan 08 17:44:21 GMT+800 201€ 
8 i script z 
8 am stye = 





有 了 这 个 之 后 ， 我 们 来 编写 一 个 小 脚本 ， 这 个 脚本 可 以 将 本 地 的 文件 上 传 至 S3。 


客户 端 程序 的 的 持续 交付 


#!/bin/bash 


# install gulp and its dependencies 
npm install 


# package stuff, and point the server to the right place 
gulp release 


# upload the whold folder 

aws s3 cp public/ s3://bookmarks-frontend \ 
--recursive \ 
--region us-west-2 \ 
--acl public-read 


aws 命令 是 aws command line 提供 的 ， 另 外 我 们 需要 在 环境 变量 中 设置 AWS 提 供给 你 的 


AWS_ACCESS_KEY_ID=XXXXXXXXXX 
AWS_SECRET_ACCESS_KEY=XXXXXXXXXX 





然后 我 们 就 可 以 将 本 地 的 public 目录 递归 的 上 传 到 S3 的 对 应 目录 了 | 


© Snap Ci | abruzz/bookm: x 的 Snap Ci | abruzz/bookms x 


€ Q à https://snap-ci.com/abruzzi/bookmarks-frontend/branch/master?notice=We+have+triggered+a+new+run+for+abruzzi%2Fbook = 





<Back Pipelines © 7 


We have triggered a new run for abruzzi/bookmarks-frontend (master) with the latest configuration and revision e5adace. 


7 1 167 
c dan 0828161036 a minute ago 32s a minute ago 14s a few seconds ago 195 
ene caer ree PASSED PASSED PASSED 
unit-test logs intgration- logs package logs 
ec Jan 10th 2016 10:35 — = = = = 
minutes ago m minutes ago 3s 
e5adace add missed guip-livereload PASSED Fi AILED 
unit -test logs intgration- log: 
it 
"c Jen Sth 2016 10:6 16 hours ago Im 16 hours ago 20s 
eSadace add missed guip-livereload PASSED PASSED 
urwt-test logs package logs 
J 1 
| 4C dam 16 hours ago Im 16 hours ago 6m 


完整 的 代码 可 以 在 此 处 下 载 。 
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ux 


$2 


wp 


C 


我 们 前 端的 持续 交付 也 介绍 完了 。 现 在 前 后 端 应 用 完全 独立 ， 发 布 也 互 不 影响 。 不 论 是 服务 
器 端 新 增加 了 API， 还 是 添加 了 新 数据 ， 客 户 端的 发 布 都 不 受 影响 ; 同样 ， 修 改 样式 ， 添 加 新 


的 JavaScript 也 完全 不 会 影响 后 端 。 更 重要 的 是 ， 所 有 的 发 布 都 是 一 键 式 的 ， 开 发 者 只 需要 
一 个 git push 就 可 以 享受 这 些 免费 服务 提供 的 自动 构建 ， 自 动 化 测试 以 及 自动 部 署 的 功能 。 


Web 站 点 的 响应 速度 


雅虎 在 2006 年 就 发 布 了 一 份 提升 Web 站 点 响应 速度 的 最 佳 实践 指南 。 该 指南 包含 了 35 条 规 
则 ， 分 为 7 个 类 别 。 这 些 规则 已 经 被 广泛 使 用 ， 并 指导 人 们 在 新 的 站 点 设计 时 更 好 的 考虑 问 
题 。 


YSlow 是 一 个 基于 雅虎 的 这 份 指 南 的 工具 ， 它 可 以 测试 一 个 站 点 是 否 “ 慢 "， 以 及 为 什么 “ 慢 ”? 
你 可 以 通过 很 多 方式 来 使 用 YSlow > rude Firefox » Chrome ty 4& fF > 4 令 行 工具 ， 其 至 
PhantomJS 2& ## 8) 4 (Headless) 浏览 器 。 


我 们 这 里 讨论 如 何在 持续 集成 服务 器 上 设置 一 个 YSIlow 任 务 ， 这 个 任务 会 在 每 次 构建 之 后 ， 测 
试 你 应 用 的 性 能 指标 ， 以 帮助 你 更 快 的 发 现 和 定位 问题 。 当 然 ， 我 推荐 你 在 staging 环境 ， 
很 多 开发 者 在 测试 环境 ， 本 地 开发 环境 都 会 启动 很 多 对 debug 友好 的 设置 ， 比 如 未 压缩 的 
JS/CSS， 没 有 超时 设置 的 响应 等 ， 这 会 导致 该 任务 的 打分 不 够 准确 。 


搭建 CI 环境 
按照 传统 讨论 ， 我 们 需要 至 少 做 这 样 一 些 事情 : 
* Jenkins 


PhantomJS 
RY Slow.js# A 


环境 变量 ， 在 Jenkins 上 创建 任务 ， 并 运行 YSlow.js 脚 本 。 这 个 任务 很 简单 ， 只 需要 
参数 ， 然 后 将 结果 输出 为 Jenkins 上 的 报告 即 可 。 比 如 : 


NOR 
w » 


$ phantomjs /var/share/yslow.js -i grade -threshold "B" -f junit \ 
http://bookmarks-frontend.s3-website-us-west-2.amazonaws.com/ » yslow.xml 


e -i grade 展示 打分 (grade) 信息 (还 可 以 是 basic/stats/all) + 
e -threshold "B" 指定 失败 的 阅 值 为 BB 
e -f junit 输出 为 junit 识别 的 XML 格式 


这 里 的 阅 值 可 以 是 数字 (0-100 分 ) ， 字 母 (A-F 级 别 ) 或 者 一 个 JSON 字 符 串 (混合 使 用 ) 


=ehreshold overa IMr BE Vedn EE VEeXDmesn Bb 


上 面 的 命令 会 测试 站 点 http://bookmarks-frontend.s3-website-us-west-2.amazonaws.com/ 的 各 
项 指标 ， 并 应 用 雅虎 的 那 35 条 规则 ， 并 最 终生 成 一 个 junit 测试 报告 格式 的 文 
件 : yslow.xml ? 


但 是 维护 CI 环境 是 一 个 比较 麻烦 的 事情 ， 而 且 既 然 每 个 项 目 都 可 能 会 用 到 这 样 的 基础 设施 ， 一 
种 好 的 做 法 就 是 将 其 做 成 一 个 镜像 ， 这 样 就 可 以 很 容易 复 用 了 | 这 里 我 们 使 用 docker 来 安装 
和 配置 我 们 的 Cl 环境 ， 配 置 完 成 之 后 ， 


基于 docker/docker-compose 的 环境 搭建 


在 docker 出 新 之 前 ， 我 们 要 搭建 一 个 测试 或 者 staging 环境 ， 需 要 很 多 个 不 同 角 色 的 机 
器 : 有 专门 的 数据 库 服务 器 ， 文 件 服务 器 ， 缓 存 服务 器 ，Web 服 务 器 ， 反 向 代理 等 等 。 这 样 
在 成 本 上 显然 是 个 不 小 的 开销 ， 如 果 将 所 有 不 同 的 组 件 部 署 在 同一 台 机 器 上 ， 则 又 可 能 互相 
干扰 ， 只 需要 一 个 小 小 的 失误 ， 整 个 系统 就 需要 重新 配置 。 更 可 怕 的 是 ， 这 个 环境 和 生产 系 
统 不 一 致 ， 那 么 很 可 能 站 实 的 错误 要 等 到 系统 上 线 之 后 才 会 被 发 现 。 


2012 年 ， 我 在 一 个 项 目 上 ， 系 统 采用 非常 传统 的 J2EE 架 构 。 本 地 开发 中 ， 我 们 使 用 了 Jetty 作 
为 容器 ， 而 staging 使 用 了 Tomcat。Tomcat 对 空格 的 处 理 和 Jetty 有 所 不 同 ， 我 们 本 地 测试 通 
过 的 代码 ， 在 Staging 完全 不 能 工作 。 


docker 出 现 之 后 ， 我 们 可 以 在 一 台 物 理 机 器 上 运行 多 个 互 不 干涉 的 容器 ， 每 个 容器 可 以 是 一 
个 组 件 〈 比 如 运行 数据 库 的 容器 ，VVeb 服 务 器 容器 等 等 ) 。 但 是 对 多 个 容器 的 管理 又 是 一 个 
很 麻烦 的 事情 ， docker 提供 了 docker-compose 工具 来 解决 这 个 问 题 。 使 用 docker- 
compose 可 以 定义 一 组 互相 独立 ， 但 是 又 可 以 协作 在 一 起 的 容器 ， 这 样 我 们 可 以 很 容易 的 搭 
一 个 真实 的 环境 。 


比如 我 们 可 以 定义 个 docker-compse.yml 


app: 
build: . 
links: 
- db:postgres 
ports: 
- 8000:8000 
volumes: 
- .:/app 
working_dir: /app 
entrypoint: /app/start.sh 
environment: 
JDBC_DATABASE_URL: jdbc:postgresql://postgres:5432/bookmarks 
DATABASE_USER: bookmarks-user 
DATABASE_PASS: bookmarks-password 


db: 

image: postgres:9.3 

ports: 
- 5432:5432 

environment: 
POSTGRES_DB: bookmarks 
POSTGRES_USER: bookmarks-user 
POSTGRES_PASSWORD: bookmarks-password 


这 个 docker- Compose 定义 了 两 个 组 件 ， app fe db 。 db 使 用 了 postgres:9.3 镜像 ， 并 设置 
了 自己 的 环境 变量 。 app 则 从 当前 目录 . 构建 一 个 新 的 镜像 ， app 与 db 通过 links 属性 连 
接 起 来 。 


如 果 在 当前 目录 执行 docker- compose build PF ^ 命令 ， docker- Compose 会 找到 
的 Dockerfile ， 然 后 构建 出 一 个 docker 的 镜像 ， 并 局 动 该 容器 ， 同 时 ， 它 还 会 局 
动 postgres:9.3 容器 作为 数据 库 组 件 。 这 样 我 们 u aes o 


搭建 CI 环境 


app: 
build: . 
ports: 
- 8080:8080 
- 50000:50000 
volumes: 


- ./data:/var/jenkins home 


这 个 配置 ， 表 明 我 们 会 根据 当前 目录 的 Dockerfile 来 构建 一 个 镜像 。 


通过 命令 volums ， 我 们 将 本 地 目录 ./data 映射 为 jenkins home ， 这 样 我 们 定义 的 job 信 
息 ， 以 及 插件 的 安装 都 会 放 到 本 地 的 目录 中 ， 方 便 管理 。 配 置 完成 之 后 ， 构 建 并 启动 该 容 


FROM jenkins:latest 


# Env 


ENV 
ENV 
ENV 


PHANTOMJS VERSION 1.9.6 
PHANTOMJS YSLOW VERSION 3.1.8 
SHARE BIN /var/share 


# Install stuff by using root 


USER root 

RUN apt-get update 

RUN apt-get upgrade -y 

RUN apt-get install -y git wget libfreetype6 libfontconfig bzip2 

RUN mkdir -p $SHARE BIN 

RUN wget -q --no-check-certificate -0 /tmp/phantomjs-$PHANTOMJS VERSION-linux-x86 64.t 
ar.bz2 \ 
https://bitbucket.org/ariya/phantomjs/downloads/phantomjs-$PHANTOMJS VERSION-linux-x86 
_64.tar.bz2 

RUN tar -xjf /tmp/phantomjs-$PHANTOMJS VERSION-linux-x86 64.tar.bz2 -C /tmp 

RUN rm -f /tmp/phantomjs-$PHANTOMJS VERSION-linux-x86 64.tar.bz2 

RUN mv /tmp/phantomjs-$PHANTOMJS VERSION-linux-x86 64/ $SHARE BIN/phantomjs 

RUN ln -s $SHARE BIN/phantomjs/bin/phantomjs /usr/bin/phantomjs 

RUN wget -q --no-check-certificate -0 /tmp/yslow-phantomjs-$PHANTOMJS YSLOW VERSION.zi 
p 


http://yslow.org/yslow-phantomjs-$PHANTOMJS YSLOW VERSION.zip 


RUN 


unzip /tmp/yslow-phantomjs-$PHANTOMJS YSLOW VERSION.zip -d $SHARE BIN/ 


USER jenkins 


行 下 面 的 命令 来 设置 并 启动 Cl 服务 器 : 


docker-compose up 


& Dashboard [Jenkins] x B 


e c 192.168.99.100:8080 


: Jenkins Q soare d 
Jenkins ENABLE AUTO REFRESH 
$9 New Item (Wadd description 
& People Welcome to Jenkins! 
D> Build History 
g. Manage Jenkins Please create new jobs to get started. 
和 Credentials 

Build Queue = 


No builds in the queue. 


Wi Help us localize this page Page generated: Feb 13, 2016 1:19:00 PM RESTAP! Jenkins ver, 1,642.1 


创建 新 任务 ， 并 指定 该 任务 执行 的 命令 为 : 


$ phantomjs /var/share/yslow.js -i grade -threshold "B" -f junit \ 
http: //bookmarks-frontend.s3-website-us-west-2.amazonaws.com/ > yslow. xml 


由 于 此 时 phantomjs 已 经 被 安装 到 了 容器 中 ， 我 们 可 以 直接 在 jenkins 中 使 用 。 运 行 结束 之 
后 ， 这 个 命令 会 生成 一 个 报告 : 





£d bookmarks-ysiow #2 Test: x ' Ma Available Environmental V- x = 


c e 192.168.99.100:8080/job/bookmarks-yslow/2/testReport/ z 





: Jenkins 


Jenkins bookmarks-yslow #2 Test Results AUTO REF! 


# Back to Project 
Test Result 


1 Status 
z Changes 2 failures (+1) , 1 ski (+1) 
Bl Console Output 24 —— 
> Edit Build Information Radd doscriolion 
B 
Mp History All Failed Tests 
C] Test Result 
Test Name Duration Age 
@ Previous Build 4» YSlow.yexpires: Add Expires headers oms 1 
4» YSlow.ycompress: Compress components with gzip Oms 1 
All Tests 
Package Duration Fail (dt) Skip (di) Pass (dif) Total (aiff) 
(root) 0 ms 2 42 1 41 21 421 24 424 
Wi Help us localize this page Page generated: Feb 14, 2016 7:31:30 AM REST AP! Jenkins ver. 1.642.1 


e 没有 压缩 内 容 
e 没有 添加 过 期 的 头 信息 


4 


在 产品 环境 ， 我 们 需要 使 用 反 向 代理 来 添加 这 些 头 信息 ， 以 保证 最 终 用 户 在 使 用 Web 站 点 时 


的 体验 。 


Ce Mt 


应 用 开发 中 ， 开 发 者 会 将 诸如 数据 库 配置 信息 ，NFS 服 务 器 的 地 址 ， 消 息 队列 的 大 小 等 等 信 
息 保 存 到 配置 文件 中 。 比 如 Java Web 中 的 application.properties 文件 ，Rails 中 

的 database.yml 等 。 这 样 我 们 可 以 在 不 同 的 环境 中 方便 切换 ， 只 需要 修改 几 行 配置 信息 ， 

用 的 代码 则 完全 不 用 修改 。 


下 面 是 一 个 Rails 应 用 的 数据 库 配置 文件 : 


test: 
adapter: sqlite3 
database: db/test.sqlite3 
pool: 5 
timeout: 5000 


production: 
adapter: mysql2 
database: test-db 
pool: 5 
username: root 
password: s3cr3t 
socket: /tmp/mysql.sock 


个 yml 定义 了 test 环境 ， 数 据 库 使 用 sqlite3 ， 数据 库 文件 为 db/development.sqlite3 ° 
而 在 production 环境 ， 数 据 库 采用 mysql 。 


在 运行 时 ， 只 需要 指定 环境 变量 ， 即 可 切换 数据 库 : 


$ RAILS ENV-test rails server 


实例 
我 们 以 一 个 简单 的 Java 应 用 来 演示 如 何 将 应 用 程序 的 配置 信息 。 在 这 个 应 用 程序 中 ， 我 们 需 
要 数据 库 配 置 可 以 在 运行 是 改变 ， 而 不 是 将 配置 内 置 在 应 用 程序 中 。 


在 实际 场景 中 ， 应 用 程序 可 能 在 部 署 时 才 知 道 要 连接 的 数据 库 地 址 是 什么 ， 而 且 数 据 库 的 名 
称 ， 数 据 库 连 接 池 的 大 小 等 信息 都 可 能 因 环境 而 变化 。 


在 这 个 应 用 程序 中 ， 我 们 将 在 应 用 程序 中 连接 mongodb 数据 库 ， 从 数据 库 中 读 取 一 个 集合 的 
内 容 ， 然 后 打印 出 整个 集合 。 我 们 会 使 用 soring 和 spring-data-mongodb 来 完成 简化 应 用 的 
编写 。 


我 们 使 用 gradle 的 init 命令 来 生成 一 个 典型 的 Java 应 用 程序 : 


$ mkdir -p spring-mongo-demo 
$ cd spring-mongo-demo 
$ gradle init --type=java-library 


另外 我 们 为 应 用 程序 添加 依赖 : 


apply plugin: 'java' 
apply plugin: 'idea' 


buildscript { 
repositories { 
jcenter() 


repositories { 
jcenter() 


dependencies { 
compile 'org.slf4j:slf4j-api:1.7.13' 
compile 'org.springframework:spring-context:4.2.4.RELEASE' 
compile 'org.springframework.data:spring-data-mongodb:1.8.4.RELEASE' 


这 样 ， 只 需要 执行 


$ gradle build 
就 可 以 下 载 所 有 依赖 库 了 。 


配置 文件 


我 们 首先 来 为 应 用 程序 创建 这 样 的 包 接口 : 


src 

L— main 

L— java 

L— com 
L— thoughtworks 
L— mongo 

I— config 
| 一 model 
L— repo 

L— resources 


— test 


— java 








要 做 到 在 运行 时 可 改变 配置 ， 我 们 首先 需要 保证 配置 和 代码 分 离 。 这 个 步骤 很 容易 实现 ， 只 


需要 将 配置 定义 在 配置 文件 中 ， 然 后 应 用 在 局 动 时 读 取 该 配置 (application.properties) PP 
ms 


mongo.host-localhost 
mongo.database-test 


根据 惯例 ， application.properties 会 放 在 resources 目录 下 。 


在 我 们 这 个 应 用 中 ， 数 据 库 中 又 一 个 people 的 集合 ， 对 应 的 我 们 需要 又 一 个 Person 的 实 
体 ， 和 一 个 用 来 访问 数据 库 集合 的 PersonRepository 。 


package com. thoughtworks.mongo.model; 
import org.springframework.data.annotation.Id; 


public class Person { 
QId 
private String id; 


private String name; 
private int age; 


public Person() { 
} 


public Person(String name, int age) { 
this.name = name; 
this.age = age; 


//getter & setter 


@Override 
public String toString() { 
return "(name-"*name-", age="+aget"}"; 


spring-data-mongo 提供 了 一 个 MongoRepository 接口 ， 我 们 的 应 用 只 需要 继承 这 个 接口 ， 就 
可 以 免费 获得 很 多 有 用 的 数据 库 访问 功能 。 


package com.thoughtworks.mongo.repo; 


import com.thoughtworks.mongo.model.Person; 
import org.springframework.data.mongodb.repository.MongoRepository; 
import org.springframework.stereotype.Repository; 


@Repository 
public interface PersonRepository extends MongoRepository<Person, String> { 


} 


借助 spring 强大 的 注入 器 ， 我 们 很 容易 在 应 用 中 使 用 这 个 接口 ， 而 不 用 关心 背后 它 是 如 何 被 
实例 化 的 : 


public class Application { 


public static void main(String[] args) { 
ApplicationContext context = new AnnotationConfigApplicationContext (AppConfig. 
class); 


PersonRepository personRepository = context.getBean(PersonRepository.class); 


List<Person> all = personRepository.findAll(); 
System.err.println(all); 


我 们 首先 创建 一 个 基于 注解 的 Context， 有 具体 的 应 用 配置 我 们 放 在 了 Appconfig 类 中 ， 有 了 这 
个 Context， 我 们 可 以 从 中 获取 personRepository 的 实例 ， 并 使 用 它 的 findall 方法 来 获取 所 
有 的 人 员 列 表 。 


对 于 我 们 的 应 用 来 说 ， 所 有 的 配置 信息 都 放 在 Appconfig 中 。 我 们 来 看 看 这 个 类 : 


package com.thoughtworks.mongo.config; 


import com.mongodb.MongoClient; 

import org.springframework.beans.factory.annotation.Autowired; 

import org.springframework.context.annotation.*; 

import org.springframework.context.support.PropertySourcesPlaceholderConfigurer; 
import org.springframework.core.env.Environment; 

import org.springframework.data.mongodb.MongoDbFactory; 

import org.springframework.data.mongodb.core.MongoTemplate; 

import org.springframework.data.mongodb.core.SimpleMongoDbFactory; 


Configuration 
@ComponentScan(value = "com.thoughtworks.mongo.*") 
@PropertySource(value = "classpath:application.properties") 


public class AppConfig { 
@Autowired 
private Environment environment; 


@Bean 
public MongoDbFactory mongoDbFactory() throws Exception { 
String mongoHost = environment.getProperty("mongo.host"); 
String mongoDatabase = environment.getProperty("mongo.database"); 


return new SimpleMongoDbFactory(new MongoClient(mongoHost), mongoDatabase) ; 


QBean 
public MongoTemplate mongoTemplate() throws Exception { 
return new MongoTemplate(mongoDbFactory()); 


@Bean 
public static PropertySourcesPlaceholderConfigurer propertyConfigurer() { 
return new PropertySourcesPlaceholderConfigurer(); 


这 个 类 中 ， 我 们 使 用 了 Propertysource 这 个 注解 ， 并 指定 了 配置 文件 应 该 从 classpath 中 
的 application.properties 中 获取 。 


当 我 们 执行 应 用 时 ， 配 置 文件 会 生效 ， 一 起 正常 ! 下 来 我 们 来 构建 一 个 可 以 独立 发 布 
的 jar 包 ， 这 样 任何 人 都 可 以 直接 使 用 这 个 jar 包 ， 而 不 需要 自己 重新 下 载 依赖 ， 重 新 构建 
等 ， 所 以 我 们 为 build.gradle 添加 几 条 简单 的 命令 : 


jar { 
baseName = rootProject.name 
version = '@.1.0' 


from { 
configurations.compile.collect { it.isDirectory() ? it : zipTree(it) } 


} 


manifest { 
attributes("Main-Class": "com.thoughtworks.mongo.Application") 


} 


这 样 构建 出 来 的 包 就 会 包含 所 有 依赖 ， 我 们 还 显 式 的 指定 了 该 jar 包 里 的 main- 


class 是 com.thoughtworks.mongo.Application ° 


$ gradle build 
$ java -jar build/libs/spring-mongo-demo-0.1.0.jar 


Hp 
一 人 
Hy 
m 


[{name=Juntao, age=30}, {name=Abruzzi, age=28}] 


很 好 ， 我 们 成 功 的 访问 了 数据 库 ， 并 打印 出 了 集合 中 的 所 有 元 素 ， 而 且 这 个 应 用 程序 是 可 以 
独立 发 布 的 了 。 


系统 配置 文件 


如 果 仔 细 想 想 使 用 场景 ， 你 会 发 现 如 果 数 据 库 连接 发 生变 化 了 ， 我 们 修 
改 application.properties 文件 ， 而 该 文件 是 打 包 在 jar 包 内 的 | 


这 意味 这 应 用 程序 和 它 的 环境 并 没有 分 离 ， 简 单 来 说 ， 我 们 需要 提供 机 制 来 让 外 部 的 配置 可 
以 覆盖 包 内 的 配置 

最 简单 的 方式 下 ， 我 们 创建 一 个 新 的 properties 文件 ， 并 让 应 用 程序 最 后 使 用 这 个 配置 ， 这 
样 就 可 以 达到 履 盖 的 目的 了 。 当 然 ， 如 果 外 部 没有 提供 properties 文件 ， 应 用 还 可 以 使 用 内 
部 的 配置 提供 功能 。 


Spring 在 版 本 4 之 后 提供 了 比 PropertySource 更 强大 的 注解 PropertySources ， 它 支持 定 
义 多 个 配置 源 ， 并 形成 一 个 链表 ， 这 样 后 边 的 元 素 就 可 以 覆盖 剖面 的 元 素 了 。 


@Configuration 


@ComponentScan(value = "com.thoughtworks.mongo.*") 
@PropertySources({ 
@PropertySource(value = "classpath:application.properties"), 
@PropertySource(value = "file:/etc/spring-mongo/application.properties", ignor 
eResourceNotFound=true) 
3) 
public class AppConfig { 
yu snm 
} 


我 们 定义 了 两 个 配置 源 ， 一 个 是 application.properties ， 另 一 个 是 绝对 路 径 下 /etc/spring- 
demo/ 下 的 同名 文件 。 ignoreResourceNotFound=true 保证 如 果 找 不 到 该 配置 ， 也 不 会 报错 。 


这 样 ， 如 果 我 们 需要 新 的 数据 库 连 接 /配置 ， 只 需要 在 /etc/spring-demo 下 创建 同名 文件 ， 并 
设置 新 的 值 即 可 。 


这 样 做 的 好 处 是 ， 应 用 程序 无 需 做 任何 修改 ， 配 置信 息 外 化 到 了 环境 中 ， 部 署 应 用 程序 的 环 
境 来 确定 应 用 具体 如 何 与 外 部 依赖 交互 。 
环境 变量 


另 一 种 常用 的 方式 是 使 用 环境 变量 ， 这 种 方式 下 ， 我 们 只 需要 修改 启动 脚本 ， 就 可 以 将 信息 
传递 给 应 用 程序 ， 这 中 方式 在 UNIX 世界 已 经 存在 多 年 。 


spring 提供 了 Environment 对 象 ， 该 对 象 提 供 了 对 环境 的 封装 ， 其 中 包含 了 环境 应 用 了 那 
Æ profile 的 ， 系 统 配置 ， 操 作 系 统 环境 变量 ， 以 及 所 有 的 配置 源 propertysources 


{activeProfiles=[], defaultProfiles=[default], propertySources=[systemProperties, syste 
mEnvironment,URL [file:/etc/spring-mongo/application.properties],class path resource [ 
application.properties]]} 


这 样 ， 我 们 的 代码 中 使 用 的 


@Autowired 
private Environment environment; 


@Bean 
public MongoDbFactory mongoDbFactory() throws Exception { 
String mongoHost = environment.getProperty("mongo.host"); 


String mongoDatabase = environment.getProperty("mongo.database"); 


return new SimpleMongoDbFactory(new MongoClient(mongoHost), mongoDatabase) ; 


都 自然 的 可 以 从 Java 环 境 变量 中 获得 配置 信息 : 


java -Dmongo.host-10.29.10.212 -Dmongo.database-prod-db -jar build/libs/spring-mongo-d 


emo-0.1.0.jar 


这 样 ， 配 置信 息 就 通过 外 部 传 入 。 这 里 仅仅 是 一 个 很 简单 的 例子 ， 项 目 中 的 配置 信息 会 非常 
多 ， 而 且 可 能 会 有 多 种 方式 混用 的 场景 : 部 分 信息 放 在 系统 的 环境 变量 中 ， 
如 /etc/profile 或 者 .bashrc 中 ， 另 外 一 部 分 信息 则 存储 在 应 用 特定 的 properties 中 。 


n 


总 体 而 言 ， 这 些 配 置信 息 都 需要 和 应 用 程序 本 身分 离 。 这 和 持续 交付 的 实践 其 实 也 是 相关 
的 ， 在 持续 交付 中 ， 我 们 只 会 生成 一 个 二 进 制 包 。 这 个 二 进 制 包 在 部 署 流水 线 上 一 直 使 用 ， 
在 回归 测试 、 性 能 测试 等 任务 中 ， 这 个 包 会 被 部 署 在 不 同 的 环境 中 ， 并 被 测试 有 效 性 。 这 样 
我 们 才 对 应 用 程序 自身 有 更 多 的 信心 。 


工程 实践 


在 ThoughtWorks， 几 乎 每 个 团队 都 在 遵循 着 某 些 敏捷 实践 ， 但 是 每 个 团队 的 实践 都 有 不 同 。 
ee 持续 改进 。 我 怀疑 ， 即 使 最 开始 所 有 团队 都 学 习 了 同样 的 实 
践 ， 经 过 几 个 和 迭代 之 后 ， 每 个 团队 都 会 演化 出 适合 自己 团队 sz 的 实践 集 。 


我 对 一 些 同 事 做 过 采访 ， 每 个 被 采访 者 只 需要 回答 一 个 问题 : 


全 玉生 要 你 动 一 个 项 目 ， 项 目 成 员 已 经 就 绪 ， 唯 一 的 问题 是 ， 客 户 对 敏捷 实践 抱 有 怀 

(他 已 经 被 市 面 上 的 各 种 敏捷 TRT) ， 因 此 他 不 太 支持 那些 新 鲜 的 > Rat 的 敏捷 
b 。 你 推行 的 所 有 实践 都 可 能 会 遇 到 挑战 ， 另 QUA n ， 你 不 得 不 做 出 一 些 
妥协 。 那么 ， 你 接受 的 最 低 限 度 的 敏捷 实践 的 集合 是 什么 ? (也 就 是 说 ， 如 果 客 户 和 你 
无 法 在 这 个 集合 上 达成 一 致 的 话 ， 那 么 你 就 会 退 出 该 项 目 ) 








整理 后 的 一 个 列表 是 这 样 的 : 


e 可 视 化 的 需求 卡片 墙 
e 和 迭代 方式 管理 

e 持续 集成 〈 编 译 ， 检 查 ， 测 试 ， 打 包 ) 

。 测试 覆盖 全 面 

e 每 日 站 会 

e 回顾 会 议 

e 知识 传递 (结对 编程 ，Git Pull Request > Code Review) 
e 版 本 控制 

e 自动 化 脚本 (构建 ， 部 署 ) 


版 本 控制 系统 


我 在 2012 年 的 时 候 ， 还 听 说 有 客户 使 用 基于 ftp 的 源码 控制 ， 也 就 是 说 本 地 开发 完成 之 后 ， 通 
过 ftp 拷 贝 到 远程 服务 器 并 覆盖 的 方式 。 这 个 现象 可 能 现在 已 经 不 存在 了 ， 我 参加 过 的 大 部 分 
项 目 都 采用 了 某 种 形式 的 版 本 控制 ， 很 多 比较 传统 的 企业 会 采用 subversion » MK $ Xu 35 
的 项 目 都 采用 了 git 作为 版 本 控制 系统 。 


版 本 控制 系统 不 但 可 以 帮 你 将 改动 痕迹 保存 起 来 ， 还 可 以 很 方便 的 提供 diff 功能 ， 这 样 你 可 
以 和 其 他 人 讨论 修改 内 容 〈 后 边 的 Code Review 人 小 节 我 们 会 详细 讨论 ) 。 另 外 ， 版 本 控制 系 
n Tu ui 并 进行 测 

这 在 查找 到 底 是 哪 次 提交 引入 了 缺陷 时 非常 重要 (git 提 供 bisect 字 命令 ， 可 以 更 加 迅速 
n 引入 时 的 版 本 ) 。 


无 论 如 何 ， 版 本 控制 系统 已 经 成 为 开发 的 标 配 ， 我 们 推荐 你 使 用 功能 强大 的 git ， 它 提供 的 
丰富 特性 更 适合 分 布 式 团队 的 协作 。 


和 迭代 开发 


闭门造车 的 时 代 已 经 一 去 不 复 返 了 。 需 求 分 析 3 个 月 ， 开 发 半年 ， 测 试 半年 的 瀑布 方式 也 与 飞 
速 发 展 的 时 代 不 匹配 了 。 快 速 ， 轻 量 级 的 开发 ， 发 布 ， 测 试 已 经 成 为 常态 ， 没 有 人 愿意 为 软 
件 的 某 个 功能 而 等 上 好 几 个 月 。 


持续 集成 
自动 化 测试 
站 会 
回顾 会 议 


知识 传递 


在 Thoughtworks ， 我 们 有 非常 多 的 Session。 所 谓 Session， 就 是 一 个 小 的 演讲 ， 我 们 主题 没 
有 限制 。 比 如 有 人 讲 Scala 中 的 函数 式 编程 ， 有 人 讲 业界 的 自动 化 测试 成 熟 度 ， 有 人 讲 构建 分 
布 式 应 用 的 12 条 原则 等 等 。 更 多 时 候 ， 在 一 个 团队 内 部 ， 通 常会 有 不 定时 的 组 内 分 享 ， 比 如 
有 人 在 过 去 的 两 个 迭代 中 使 用 了 某 种 CSS 的 预 处理 器 ， 有 人 在 Linux 服 务 器 上 自 定 义 了 一 些 服 
务 等 等 ， 都 可 以 做 为 分 享 的 主题 。 


事实 上 ， 为 了 保证 知识 在 团队 内 部 的 高 效 传递 ， 我 们 引入 了 各 种 各 样 的 实践 (AT SLE 
因为 那 东 西 肯定 没 人 看 ) ° Code Review， 结 对 编程 ， 讲 Session 都 是 知识 传递 很 好 的 方式 。 
当然 ， 如 果 说 没有 任何 文档 也 是 不 对 的 ， 每 个 项 目 都 会 有 一 些 Wiki 页 面 ， 团 队 成 员 会 不 定时 的 
更 新 。 


有 些 知识 ， 或 者 说 信息 都 会 放 在 wiki 上 ， 比 如 如 何在 本 地 搭建 Production-like 的 环境 ，staging 
环境 的 负载 均衡 器 部 署 在 哪 一 台 服 务 器 等 等 ， 这 些 信息 都 会 有 记录 。 不 过 另 一 方面 ， 我 们 尽 
量 将 知识 内 化 在 团队 成 员 的 大 脑 里 ， 我 是 说 ， 所 有 人 的 大 脑 里 。 


自动 化 一 切 


测试 策略 


在 软件 公司 里 ， 人 们 喜欢 强调 测试 ， 强 调 质 量 。 但 是 如 果 你 在 一 个 传统 的 软件 项 目 上 呆 过 一 
段 时 间 的 话 ， 就 会 知道 ， 人 们 只 是 喜欢 强调 而 已 。 人 们 其 实 并 不 知道 如 何 去 关 心软 件 质 量 。 


当 你 问 一 个 项 目 经 理 ， 为 了 赶 进度 ， 你 愿意 舍弃 哪些 东西 ? 几乎 毫 无 意外 的 ， 项 目 经 理会 选 
择 舍弃 自动 化 测试 。 他 们 会 说 ， 2 需要 在 deadline 之 前 让 领导 看 到 结果 ! 为 了 赶 进 度 而 造 出 
来 的 软件 ， 脆 弱 ， 不 堪 一 击 ， 在 生产 环境 中 会 为 公司 带 来 损失 ， 但 是 这 些 都 是 “系统 中 另 一 部 
分 "的 事情 了 。 
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我 的 第 一 家 公司 里 ， 测 试 人 员 和 开发 人 员 的 比例 基本 上 是 1:1。 开 发 在 交付 一 个 版 本 到 开始 下 
一 个 版 本 的 开发 之 间 ， 会 有 一 个 所 谓 bug fixing 的 阶段 ， 大 约 4 周 到 6 周 ， 专 门 等 待 测试 提 
单 ， 然 后 从 一 个 bug 跟 踪 系 统 中 获取 bug ， 然 后 修复 。 


开发 在 修复 完成 之 后 ， 修 改 bug 状 态 ， 测 试 人 员 会 得 到 通知 ， 然 后 再 测 一 次 ， 这 个 过 程 可 能 会 
往复 多 次 。 开 发 没有 测试 所 拥有 的 完整 环境 (我 们 的 软件 需要 安装 到 Redhat Linux 上 ， 而 开发 
机 器 都 是 Windows， 并 且 不 允许 安装 虚拟 机 ) ， 所 以 每 次 修复 之 后 保证 本 地 可 以 运行 。 


整个 过 程 都 是 手工 的 ， 测 试 人 员 好 像 是 有 一 些 简 单 的 UI 测试 脚本 ， 不 过 由 于 我 们 的 界面 经 
变化 ， 她 们 需要 重新 录制 脚本 ， 过 程 非常 麻烦 。 


我 的 第 二 家 公司 则 是 另外 一 个 极端 ' 我 们 10 个 开发 人 员 ， 对 应 的 只 有 1 名 QA 工程 师 ， 每 到 我 
们 需要 给 客户 showcase 的 时 候 ， 所 有 人 都 手忙脚乱 的 帮助 QA 做 测试 ， 相 信 你 可 以 想象 那 种 人 
必 性 性 的 场景 。 

在 日 常 的 工作 中 ， 如 果 肯 花 时 间 来 为 自己 的 代码 编写 自动 化 测试 (单元 测试 ， 集 成 测试 ，Ul 
测试 ) ， 无 疑 人 们 会 对 自己 的 软件 有 更 大 的 信心 。 而 且 事实 上 软件 质量 是 需要 整个 团队 来 保 
证 的 ， 不 要 把 希望 寄托 在 只 做 黑 盒 测试 的 QA 身 上 。 


前 后 端 分 离 已 经 是 业界 所 共识 的 一 种 开发 /部 署 模式 了 。 所 谓 的 前 后 端 分 离 ， 并 不 是 传统 行业 
中 的 按 部 门 划分 ， 一 部 分 人 纯 做 前 端 (HTML/CSS/JavaScript/Flex) ， 另 一 部 分 人 纯 做 后 
端 ， 因 为 这 种 方式 是 不 工作 的 : 比如 很 多 团队 采取 了 后 端的 模板 技术 (JSP, FreeMarker, 
ERB 等 等 )， 前 端的 开发 和 调试 需要 一 个 后 人 台 Web 容 器 的 支持 ， 从 而 无 法 做 到 丨 正 的 分 离 
(更 不 用 提 在 部 署 的 时 候 ， 由 于 动态 内 容 和 静态 内 容 混在 一 起 ， 当 设计 动态 静态 分 流 的 时 
候 ， 处 理 起 来 非常 麻烦 ) 。 关 于 前 后 端 开发 的 另 一 个 讨论 可 以 参考 这 里 。 


即使 通过 APl 来 解 耦 前 端 和 后 端 开发 过 程 ， 前 后 端 通过 Restful 的 接口 来 通信 ， 前 端的 静态 内 
容 和 后 端的 动态 计算 分 别 开 发 ， 分 别 部 署 ， 集 成 仍然 是 一 个 绕 不 开 的 问题 --- 前 端 /后 端的 应 用 
都 可 以 独立 的 运行 ， 但 是 集成 起 来 却 不 工作 。 我 们 需要 花费 大 量 的 精力 来 调试 ， 直 到 上 线 前 
仍然 没有 人 有 信心 所 有 的 接口 都 是 工作 的 。 


hex 
点 月 


ayn 


一 个 典型 的 Web 应 用 的 布局 看 起 来 是 这 样 的 : 


cao a 
a ; 
Rg p spring 
S M SQ > 
jQuery » 


前 后 端 都 各 自 有 自己 的 开发 流程 ， 构 建 工 具 ， 测 试 集合 等 等 。 前 后 端 仅 仅 通过 接口 来 编程 ， 

这 个 接口 可 能 是 JSON 格 式 的 RESTFul 的 接口 ， 也 可 能 是 XML 的 ， 重 点 是 后 台 只 负责 数据 的 提 
供 和 计算 ， 而 完全 不 处 理 展现 。 而 前 端 则 负责 拿 到 数据 ， 组 织 数 据 并 展现 的 工作 。 这 样 结构 

清晰 ， 关 注 点 分 离 ， 前 后 端 会 变 得 相对 独立 并 松 耦 合 。 


上 述 的 场景 还 是 比较 理想 ， 我 们 事实 上 在 实际 环境 中 会 有 非常 复杂 的 场景 ， 比 如 异 构 的 网 
络 ， 异 构 的 操作 系统 等 等 : 


% 
eM c 
jQuerv ) n 
在 实际 的 场景 中 ， 后 端 可 能 还 会 更 复杂 ， 比 如 用 C 语 言 做 数据 采集 ， 然 后 通过 Java 整 合 到 一 


数据 仓库 ， 然 后 该 OA Web Service， 最 后 若干 个 这 样 的 Web Service 3X — ^A 
Ruby 的 聚合 Service 整 合 在 一 起 返回 给 前 端 。 在 这 样 一 个 复杂 的 系统 中 ， 后 台 任意 端点 的 失败 
都 可 能 阻塞 前 端的 开发 流程 ， 因 此 我 们 会 采用 mock 的 方式 来 解决 这 个 问题 : 


这 个 mock 服务 器 可 以 启动 一 个 简单 的 HTTP 服 务 器 ， 然 后 将 一 些 静 态 的 内 容 serve 出 来 ， 以 供 


1 
前 端 代码 使 有 用。 这样 的 好 处 很 多 : 


前 后 端 开 发 相对 独立 

后 端的 进度 不 会 影响 前 端 开发 

启动 速度 更 快 

前 后 端 都 可 以 使 用 自己 熟悉 的 技术 栈 (让 前 端的 学 maven， 让 后 端的 用 gulp 都 会 很 不 顺 
F) 


FON = 


但 是 当 集 成 依然 是 一 个 令 人 头疼 的 难题 。 我 们 往往 在 集成 的 时 候 才 发 现 ， 本 来 协商 的 数据 结 
BET: deliveryAddress 字段 本 来 是 一 个 字符 串 ， 现 在 变 成 数组 了 (业务 发 生 了 变更 ， 系 统 
现在 可 以 支持 多 个 快递 地 址 ) ; price 字段 变 成 字符 串 ， 协 商 的 时 候 是 number ; 用 户 邮 箱 地 


址 多 了 一 个 层级 等 等 。 这 些 变动 在 所 难免 ， 而 且 时 有 发 生 ， 这 会 花费 大 量 的 调试 时 间 和 集成 
时 间 ， 更 别提 修改 之 后 的 回归 测试 了 。 


所 以 仅仅 使 用 一 个 静态 服务 器 ， 然 后 提供 mock 数据 是 远 远 不 够 的 。 我 们 需要 的 mock 应 该 还 
能 做 到 : 


前 端 依赖 指定 格式 的 mock 数 据 来 进行 UI 开发 

前 端的 开发 和 测试 都 基于 这 些 mock 数 据 

端 产生 指定 格式 的 mock 数 据 

端 需要 测试 来 确保 生成 的 mock 数 据 正 是 前 端 需要 的 


RF wn > 


简 而 言 之 ， 我 们 需要 商定 一 些 契 约 ， 并 将 这 些 契 约 作为 可 以 被 测试 的 中 间 格 式 。 然 后 前 后 端 
都 需要 有 测试 来 使 用 这 些 契 约 。 一 旦 契约 发 生变 化 ， 则 另 一 方 的 测试 会 失败 ， 这 样 就 会 驱动 
双方 协商 ， 并 降低 集成 时 的 浪费 。 


一 个 实际 的 场景 是 : 前 端 发 现 已 有 的 某 个 契约 中 ， 缺 少 了 一 个 address 的 字段 ， 于 是 就 在 契 
约 中 添加 了 该 字段 。 然 后 在 UI 上 将 这 个 字段 正确 的 展现 了 《当然 还 设置 了 字体 ， 字 号 ， 闫 色 
FF) 。 但 是 后 台 生 成 该 契约 的 服务 并 没有 感知 到 这 一 变化 ， 当 运行 生成 契约 部 分 测试 〈 后 
台 ) 时 ， 测 试 会 失败 了 --- 因为 它 并 没有 生成 这 个 字段 。 于 是 后 端 工程 师 就 找 前 端 来 商量 ， 了 
解 业 务 逻 辑 之 后 ， 他 会 修改 代码 ， 并 保证 测试 通过 。 这 样 ， 当 集成 的 时 候 ， 就 不 会 出 现 UI 上 


" 
少 了 一 个 字段 ， 但 是 谁 也 不 知道 是 前 端 问题 ， 后 端 问题 ， 还 是 数据 库 问题 等 。 


而 且 实际 的 项 目 中 ， 往 往 都 是 多 个 页 面 ， 多 个 API， 多 个 版 本 ， 多 个 团队 同时 进行 开发 ， 这 样 
的 契约 会 降低 非常 多 的 调试 时 间 ， 使 得 集成 相对 平滑 。 


在 实践 中 ， 疤 约 可 以 定义 为 一 个 JSON 文 件 ， 或 者 一 个 XML 的 payload。 只 需要 保证 前 后 端 共 
享 同一 个 契约 集合 来 做 测试 ， 那 么 集成 工作 就 会 从 中 受益 。 一 个 最 简单 的 形式 是 : 提供 一 些 
静态 的 mock 文件 ， 而 前 端 所 有 发 往 后 台 的 请 求 都 被 茶 种 机 制 拦截 ， 并 转换 成 对 该 静态 资源 的 


请 求 。 


1. moco， 基 于 Java 
2. wiremock， 基 于 Java 
3. sinatra > & T Ruby 


看 到 sinatra 被 列 在 这 里 ， 可 能 熟悉 Ruby 的 人 会 反对 : 它 可 是 一 个 后 端 全 功能 的 的 程序 库 
啊 。 之 所 以 列 它 在 这 里 ， 是 因为 sinatra 提供 了 一 套 简洁 优美 的 psv ， 这 个 bsL HERB 
合 web 语言 ， 我 找 不 到 更 漂亮 的 方式 来 使 得 这 个 mock server 更 加 易 读 2 所 以 就 采用 了 它 。 


一 个 例子 


我 们 以 这 个 应 用 为 示例 ， 来 说 明 如 何在 前 后 端 分 离 之 后 ， 保 证 代码 的 质量 ， 并 降低 集成 的 成 
本 。 这 个 应 用 场景 很 简单 : 所 有 人 都 可 以 看 到 一 个 条 目 列表 ， 每 个 登陆 用 户 都 可 以 选择 自己 
喜欢 的 条 目 ， 并 为 之 加 星 。 加 星之 后 的 条 目 会 保存 到 用 户 自己 的 个 人 中 心 中 。 用 户 界 面 看 起 来 
是 这 样 的 : 








XP 
ill 


€ ~ Œ | localhost:8100 


ENJOY YOUR READING 





S Python 中 的 list comprehension 以 及 generator 


2015 年 3 月 20 日 
S 使 用 inotify/fswatch 构 建 自动 监控 脚本 
2015 年 2 月 1 日 
@ ”使 用 underscore.js 构 建 前 端 应 用 
2015 年 1 月 20 日 


不 过 为 了 专注 在 我 们 的 中 心 上 ， 我 去 掉 了 谱 如 登陆 ， 个 人 中 心 之 类 的 页 面 ， 假 设 你 是 一 个 已 
登录 用 户 ， 然 后 我 们 来 看 看 如 何 编写 测试 。 


前 端 开发 


根据 通常 的 做 法 ， 前 后 端 分 离 之 后 ， 我 们 很 容易 mock 一 些 数据 来 自己 测试 : 


147 


{ 
Ti 
"url": "http://abruzzi.github.com/2015/03/list-comprehension-in-python/", 
"title": "Python 中 的 list comprehension 以 及 generator", 
"publicDate": "2015 年 3 月 20 日 " 
F 
{ 
iil Chea aes 
"url": "http://abruzzi.github.com/2015/03/build-monitor-script-based-on-inotif 
y/", 
"title": "使 用 inotify/fswatch 构 建 自动 监控 脚本 "， 
"publicDate": "2015 年 2 月 1 日 " 
}, 
{ 


Bell Claes 

"url": "http://abruzzi.github.com/2015/02/build-sample-application-by-using-un 
derscore-and-jquery/", 

"title": "使 用 underscore.js 构 建 前 端 应 用 "， 

"publicDate": "2015 年 1 月 20 日 " 


然后 ， 一 个 可 能 的 方式 是 通过 请 求 这 个 json 来 测试 前 台 : 


$(function() { 
$.get('/mocks/feeds.json').then(function(feeds) { 
var feedList = new Backbone.Collection(extended); 
var feedListView = new FeedListView(feedList); 


$('.container').append(feedListView.render()); 
}); 
}); 


这 样 当然 是 可 以 工作 的 ， 但 是 这 里 发 送 请 求 的 url 并 不 是 最 终 的 ， 当 集成 的 时 候 我 们 又 需要 
RA BRAY url 。 一 个 简单 的 做 法 是 使 用 sinatra 来 做 一 次 url 的 转换 : 


get '/api/feeds' do 
content type 'application/json' 
File.open('mocks/feeds.json').read 
end 


这 样 ， 当 我 们 和 实际 的 服务 进行 集成 时 ， 只 需要 连接 到 那个 服务 器 就 可 以 了 。 

注意 ， 我 们 现在 的 核心 是 mocks/feeds.json 这 个 文件 。 这 个 文件 现在 的 角色 就 是 一 个 契约 ， 
至 少 对 于 前 端 来 说 是 这 样 的 。 紧 接着 ， 我 们 的 应 用 需要 泻 染 wa 的 功能 ， 这 就 需要 另外 一 个 
契约 : 找 出 当前 用 户 加 星 过 的 所 有 条 目 ， 因 此 我 们 加 入 了 一 个 新 的 契约 : 


Waifs er 

"url": "http://abruzzi.github.com/2015/02/build-sample-application-by-using-un 
derscore-and-jquery/", 

"title": "使 用 underscore.js 构 建 前 端 应 用 "， 

"publicDate": "2015 年 1 月 20 日 " 


然后 在 sinatra 中 加 入 一 个 新 的 映射 : 


get '/api/fav-feeds/:id' do 
content type 'application/json' 
File.open('mocks/fav-feeds.json').read 
end 


通过 这 两 个 请 求 ， 我 们 会 得 到 两 个 列表 ， 然 后 根据 这 两 个 列表 的 交集 来 绘制 出 所 有 的 星 号 的 
状态 (有 的 是 宝 心 ， 有 的 是 实心 ) 


$.when(feeds, favorite).then(function(feeds, favorite) { 


var ids = _.pluck(favorite[0], 'id'); 
var extended = _.map(feeds[0], function(feed) { 

return _.extend(feed, {status: _.includes(ids, feed.id)}); 
了 了) 


var feedList = new Backbone.Collection(extended) ; 
var feedListView = new FeedListView(feedList); 


$('.container').append(feedListView.render()); 


3) 


剩 下 的 一 个 问题 是 当 点 击 红心 时 ， 我 们 需要 发 请 求 给 后 端 ， 然 后 更 新 红心 的 状态 : 


toggleFavorite: function(event) { 
event.preventDefault(); 
var that - this; 
$.post('/api/feeds/'+this.model.get('id')).done(function(){ 
var status = that.model.get('status'); 
that.model.set('status', !status); 


3); 


这 里 又 多 出 来 一 个 请 求 ， 不 过 使 用 Sinatra 我 们 还 是 可 以 很 容易 的 支持 它 : 


post '/api/feeds/:id' do 
end 


可 以 看 到 ， 在 没有 后 端的 情况 下 ， 我 们 一 切 都 进展 顺利 — 后 端 甚 至 还 没有 开始 做 ， 或 者 正在 
由 一 个 进度 比 我 们 慢 的 园 队 在 开发 ， 不 过 无 所 谓 ， 他 们 不 会 影响 我 们 的 。 


不 仅 如 此 ， 当 我 们 写 完 前 端的 代码 之 后 ， 可 以 做 一 个 End2End 的 测试 。 由 于 使 用 了 mock 数 
据 ， 免 去 了 数据 库 和 网 络 的 耗 时 ， 这 个 End2End 的 测试 会 运行 的 非常 快 ， 并且 它 确实 起 到 了 
端 到 端的 作用 。 这 些 测试 在 最 后 的 集成 时 ， 还 可 以 用 来 当 UI 测 试 来 运行 。 所 谓 一 举 多 得 。 


#encoding: utf-8 
require 'spec_helper ' 


describe 'Feeds List Page' do 
let(:list_page) {FeedListPage.new} 


before do 
list_page.load 
end 


it 'user can see a banner and some feeds' do 
expect(list page).to have banner 
expect(list page).to have feeds 

end 


it 'user can see 3 feeds in the list' do 
expect(list page.all feeds).to have feed items count: 3 
end 


it 'feed has some detail information' do 
first - list page.all feeds.feed items.first 
expect(first.title).to eql("Python 中 的 list comprehension 以 及 generator") 
end 
end 


rspec -fd 


Feeds List Page 


Finished in 2.82 seconds (files took 0.97239 seconds to load) 





关于 如 何 编写 这 样 的 测试 ， 可 以 参考 之 前 写 的 这 篇 文章 。 


后 端 开发 


我 在 这 个 示例 中 ， 后 端 采用 了 spring-boot 作为 示例 ， 你 应 该 可 以 很 容易 将 类 似 的 思路 应 用 到 
Ruby 或 者 其 他 语言 上 。 


首先 是 请 求 的 入 口 ” FeedsController 会 负 责 解析 请 求 路 径 2 查 数 据 库 R 最 后 返回 JSON 格 式 
的 数据 。 


@Controller 
@RequestMapping("/api") 
public class FeedsController { 


@Autowired 
private FeedsService feedsService; 


@Autowired 
private UserService userService; 


public void setFeedsService(FeedsService feedsService) { 
this.feedsService = feedsService; 


public void setUserService(UserService userService) { 
this.userService = userService; 


@RequestMapping(value="/feeds", method = RequestMethod.GET) 
@ResponseBody 
public Iterable<Feed> allFeeds() { 

return feedsService.allFeeds(); 


@RequestMapping(value="/fav-feeds/{userId}", method = RequestMethod.GET) 

@ResponseBody 

public Iterable<Feed> favFeeds(@PathVariable("userId") Long userId) { 
return userService.favoriteFeeds(userId); 


具体 查询 的 细节 我 们 就 不 做 讨论 了 ， 感 兴趣 的 可 以 在 文章 结尾 处 找到 代码 库 的 链接 。 那 么 有 
了 这 个 Controller 之 后 ， 我 们 如 何 测 试 它 呢 ? 或 者 说 ， 如 何 让 契约 变 得 实际 可 用 呢 ? 


spring-test 提供 了 非常 优美 的 DSL 来 编写 测试 ， 我 们 仅 需要 一 点 代码 就 可 以 将 契约 用 起 来 ， 
并 实际 的 监督 接口 的 修改 : 


private MockMvc mockMvc; 
private FeedsService feedsService; 
private UserService userService; 


@Before 

public void setup() { 
feedsService = mock(FeedsService.class); 
userService = mock(UserService.class); 


FeedsController feedsController = new FeedsController(); 
feedsController.setFeedsService(feedsService); 
feedsController.setUserService(userService); 


mockMvc - standaloneSetup(feedsController).build(); 


建立 了 mockmvc 之 后 ， 我 们 就 可 以 编写 Controller 的 单元 测试 了 : 


@Test 
public void shouldResponseWithAllFeeds() throws Exception { 
when(feedsService.allFeeds()).thenReturn(Arrays.asList(prepareFeeds())); 


mockMvc.perform(get("/api/feeds")) 
.andExpect(status().isOk()) 
.andExpect(content().contentType("application/json;charset-UTF-8")) 
.andExpect(jsonPath("$", hasSize(3))) 
.andExpect(jsonPath("$[0].publishDate", is(notNullValue()))); 


4 RK GET 请 求 到 /api/feeds 上 之 后 ， 我 们 期 望 返 回 状 态 是 200， 然 后 内 容 
是 application/json 。 然 后 我 们 预期 返回 的 结果 是 一 个 长 度 为 3 的 数组 ， 然 后 数组 中 的 第 
元 素 的 publishDate 字段 不 为 空 。 


注意 此 处 的 prepareFeeds 方法 ， 事实 上 它 会 去 加 载 mocks/feeds. json 文件 --- 也 就 是 前 端 用 来 
测试 的 mock 文 件 : 


private Feed[] prepareFeeds() throws IOException { 
URL resource = getClass().getResource("/mocks/feeds.json"); 
ObjectMapper mapper = new ObjectMapper(); 
return mapper.readValue(resource, Feed[].class); 


这 样 ， 当 后 端 修改 Feed 定义 (添加 /删除 /修改 字段 ) ， 或 者 修改 了 mock 数 据 等 ， 都 会 导致 测 
试 失 败 ; 而 前 端 修改 mock 之 后 ， 也 会 导致 测试 失败 --- 不 要 惧怕 失败 --- 这 样 的 失败 会 促进 一 
次 协商 ， 并 驱动 出 最 终 的 service 的 契约 。 


对 应 的 ， 测 试 /api/fav-feeds/{userId} 的 方式 类 似 : 


@Test 
public void shouldResponseWithUsersFavoriteFeeds() throws Exception { 
when(userService.favoriteFeeds(any(Long.class))) 
.thenReturn(Arrays.asList(prepareFavoriteFeeds())); 


mockMvc.perform(get("/api/fav-feeds/1")) 
.andExpect(status().isOk()) 
.andExpect(content().contentType("application/json;charset-UTF-8")) 
.andExpect(jsonPath("$", hasSize(1))) 
.andExpect(jsonPath("$[0].title", is('"4£&/lnunderscore.js/4 € is S M "))) 
.andExpect(jsonPath("$[0].publishDate", is(notNullValue()))); 
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理 集成 的 问题 ， 分 离 反而 可 能 会 带 来 更 长 的 集成 时 间 。 通 过 面向 契约 的 方式 来 组 织 各 自 的 测 
试 ， 可 以 带 来 很 多 的 好 处 : 更 快速 的 EndzEnd 测试 ， 更 平滑 的 集成 ， 更 安全 的 分 离开 发 等 


KE 


AF o 
代码 


前 后 端的 代码 我 都 放 到 了 Gitbub 上 ， 感 兴趣 的 可 以 clone 下 来 自行 研究 : 


1. bookmarks-frontend 
2. bookmarks-server 


附录 


Code Review 


在 ThoughtWorks ， 我 们 几乎 每 天 都 会 进行 一 个 叫 code review 或 者 code diff 的 活动 : 每 天 
下 午 5:00， 团 队 成 员 围 坐 在 一 起 ， 将 今天 的 修改 大 概 过 一 下 ， 这 样 做 的 好 处 非常 明显 : 


1， 分 享 业务 知识 ， 了 解 彼 此 的 工作 
2. 分 享 技术 细节 ， 比 如 有 人 使 用 了 某 种 设计 模式 
3. 帮助 别人 发 现 问 题 ， 比 如 逻辑 错误 等 ， 和 群策群力 





经 过 实践 ， code reivew 可 以 快速 发 现 问 题 ， 而 且 可 以 尽 可 能 多 的 分 享 知识 ， 是 一 种 团队 成 员 
喜闻乐见 的 学 习 / 娱 乐 形式 。 


但 是 随 着 项 目的 不 同 ， 各 个 团队 使 用 的 版 本 管理 工具 都 不 一 样 。 用 惯 了 git 的 非常 漂亮 
的 diff 子 命令 之 后 ，svn 的 diff 简直 就 是 战 五 渣 。 没 有 高 亮 ， 没 有 进度 条 ， 就 是 黑 底 白字 
的 一 些 文本 ， 实 在 无 法 让 人 提起 兴趣 。 


这 篇 文章 分 享 一 个 简单 的 方法 ， 可 以 让 你 很 容易 的 把 svn 的 diff 打造 成 一 个 漂亮 的 工具 : 


diff 格 式 


Diff 是 一 种 通用 的 表示 文本 差异 的 格式 ， 细 节 可 以 看 我 之 前 
需要 说 





常 流 


publ 
public static 


Lines 1-39/193 21 
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ONG 


p. services ient.rightnow; 


YesNo r plements RightNowData 
OFFER CODE LABEL = "Special Offer Code 
FER NAME LABEL * pecial Offer Name 


String OFFER_CATEGORY_LABEL = "Special Off 
String UNAVAILABLE TEXT = "N/ 


ga 


4789 sublime Text 编辑 器 : 


erLineItemDO» specialOffers = BundleBohOrderEmailDOTransformer.getPr 


n 


Paju — cat /Users/qu/special-offers.patch | dos2unix | coiord | less -s -M +Gg — cat — less 一 130=41 


neItemD0>> ( 


SpecialOffers( LinelItems); 


写 过 一 篇 关于 diff 和 patch 的 文章 。 
明 的 是 ， 它 作为 一 种 标准 格式 ， 很 多 编辑 器 都 提供 对 这 种 格式 的 高 完 显 示 ， 上 比如 现在 


eee subi stdin ACo2Pe.txt — javasc NREGISTEREL 






rightnow/RightNowLi 
server/src/main/java/ els shop/s ice lient/rightnow/RightNowLineItemT 
server, /main/java/ ltels shop/ vic 1tnow/RightNowL ineItemT 
1,5 +1,7 @ 


„Client. rightnow; 


-OrderLineItemD0; 
online. bundle. PRODUCT_NAMES; 


ts RightNowDataC 
OFFER_CODE_LABEL = "Special Offer Code 
OFFER_NAME_ LABEL = "Special Offer Name: "; 


OFFER_CATEGORY_LAB = "Special Offer Category: 
UNAVAILABLE TE / 


@0verride 
ae -94,36 +100,18 @@ 


public Strir ffers(List<0 


if (isEmpty(1 )) return 


OrderLinel > specialO0ffers = BundleBohOrderEmailDOTransformer.getP 


默认 的 ， svn 的 diff 命 令 会 生成 这 样 朴 素 的 输出 : 


eee tgu — 


ndex: serve 


cat /Users/|tqiu/speciai-offers.patch | less — cat — less — 130x41 





ervices/client/rightn« | onvertor, java (revision 251005) 
tra/tshop/services/client/rightnow/ Y ertor. java (working copy) 


rvices.client.rightnow; 


t com.google.common.base. Funct 
+import com.google.common.base. Join 
import com.te ra.tshop.notification.transformer .BundleBohOrderEmailD0OTransformer; 
import com.telstra.tshop.services.shopbox.data.OrderLineItemD0; 
import com.telstra.tshop i pbox.data.online. bundle. PRODUCT _NAMES; 
@@ -8,11 +10,15 68 


port java.util.List; 


+import static com.google.common.collect.Lists.newArrayList; 
+import static com.g le.common.collect.Lists.transform; 
public class RightNowLineItemToYesNoC rtor plements RightNowDataConvertor<L or LineItemD0>> ( 
public static final String OFFER_CODE_LABEL = “Special Offer Code 
public static final String OFFER_NAME_LABEL = "Special Offer Name 
public static final String OFFER_CATEGORY_LABEL = "Special Offer Category 
public static final String UNAVAILABLE TEXT = "N/A 
private static final char SEPARATOR = ‘| 


gOverride 
94,36 +100,18 @@ 


public String getSpecialOffers(List<OrderLineItemD0> lineItems) ( 
mpty(lineItems)) return null 
StringBuilder sb = new StringBuild 


erLineItemDO» specialOffers = BundleBohOrderEmailDOTransformer.getPromoSpecialOffers(lineItems); 
erLineItemDO item specialOffers) { 


if (LineItemTypeDO . PROMOTION. equals( item. getLineItemType( { 


sb. append(OFFER_CODE LABEL). append(StringUti defaultIfEmpty( item. getOrderLineltemDetails().getProductCode(), UN 


人 A s- " = i ou 一 

or 4-41 09 diff 5 Xo 

在 Mac 下 ， 可 以 通过 brew 来 安装 一 个 命令 行 工 具 ， 这 个 工具 可 以 将 Diff 格式 高 亮 显 示 
$ brew install colordiff 


有 了 这 个 工具 ， 就 可 以 将 svn 生成 的 Diff 格式 高 亮 显示 出 来 : 


$ svn diff | colordiff 


eco jtqiu — cat /Users/|tqiu/special-offers.patch | colordif! | less — cat — iess 一 130x41 





ra.tshop.services.client.rightnow; JZ 


transformer , B 
pbox.data.OrderL 
pbox.data.on 


java.util.List; 


public class RightNowLineItemToy 
lic static final String OFFER_CODE_LABEL = 
String 0 R NAME LABEL 
String OFF 
String UNAV 


derLineItemDO» LineItems) (Mi 


rderLineItemDO» specialOffers = BundleBohOrderEmail omoSpecialOffers(lLinelIte 


但 是 你 可 能 已 经 发 现 这 些 神奇 的 am ， 这 是 windows 系统 中 的 换行 符 在 unix 类 系统 中 的 展 
示 ， 我 们 需要 将 Diff 先 转换 一 次 : 


$ svn diff | dos2unix | colordiff 


ese iqu — cat /Users/itqiu/speciai-offers.patch | dos2unix | colordiff | less 一 cat 





— less 一 130x41 





package com.telstra.tshop.services.client. rightnow; 


import com.telstra.tshop.notification.transformer. BundleBohOrderEmail00Transformer; 
impo: com.te ces.shopbox.data eItemD0; 
import com.telst > box. data.online. bundle. PRODUCT_NAMES; 


import java.util.List; 


public class Righ 
publi 
publi c 
public s ic final String OFF 
public static final String UNAVAI LABLE 


ineItemD0>> ( 


(List«OrderLineItemDO» LineItems) ( 
turn null; 


List<OrderLineltemD0> specialOffers = BundleBohOrderEmailDOTransformer.getPromoSpecialOffers(linelItems); 


如 果 你 的 系统 中 没有 doszunix ， 可 以 用 brew 来 安装 : 


$ brew install dos2unix unix2dos 


分 页 


as 


*niXx 系 统 下 有 两 种 分 页 器 : more 和 less * less 比 more 的 功能 更 丰富 。 less 有 很 多 的 参 
数 ， 我 们 这 里 选用 了 3 个 常见 的 : 


1. -s :压缩 连续 的 空白 行为 一 行 

2. -M :给 出 更 多 的 提示 信息 ， 包 含 行 号 ， 百 分 比 等 

3. : 先 跳 至 要 查看 文件 的 末尾 ， 再 跳 至 文件 开头 ， 这 样 从 less 就 可 以 得 到 整个 流 的 长 
度 ， pe nds. 比 。 当 然 如 果 是 单独 文件 时 ，less 是 明确 知道 文件 长 度 的 ， 但 
是 如 果 是 从 流 中 重 定向 过 来 的 文本 ，less 无 法 在 开始 时 就 得 知 长 度 。 


ie 前 目录 下 的 所 有 htm 文件 分 屏 显示 ， 并 且 在 每 一 屏 的 最 后 一 行 显示 百 


uo 
E 
^E 
mo 


$ cat *.html | less -s -M +Gg 


放 在 一 起 


好 了 ， 我 们 将 每 个 部 分 都 已 经 讲解 了 一 遍 了 ， 现 在 让 我 们 将 这 些 零件 串 起 来 ， 在 Svn 


的 working copy 中 执行 这 条 命令 就 可 以 得 到 非常 漂亮 的 ， 分 页 显示 的 Diff : 


$ svn diff | dos2unix | colordiff | less -s -M +Gg 


当然 ， 还 可 以 用 一 个 alias (SLE JE HMA W FAR : 


$ alias sd='svn diff | dos2unix | colordiff | less -s -M +Gg' 


这 样 你 只 需要 在 当前 目录 输入 : 


$ sd 


即 可 启动 这 个 pipeline 了 。 


